自动递增输入类型="hidden"值

Question

我有这行代码

        <html>
        <head></head>
        <body>
        <script>
$(document).ready(function(){
$("#update").click(function(){
$("#id2").css("display","hidden");
var r = $("#id2").val()+1;
$("#id2").val(r);
});
});
</script>
        <title>CV Education Form</title>
       .
       .
       .
       .
        </fieldset>
        <input type="text" name="id" id="id2" value="<?php echo ($id == 0 ? 1 : $id );?>"/>
        <input type="submit" value="Update" name="submit"/>
        </form>
        </body>
        </html>

我想把它改成隐藏的，这样它就看不见了，但当我点击一个按钮更新（我有它）时，它会增加值（$id ) ... 更简单，我想要像 id+1 这样的东西。

你知道我该怎么做吗？

当我点击更新按钮时，我希望 $id 的 1 变成 $id+1 但我不想添加自己我想在我点击更新按钮时自动添加并隐藏文本字段

Answer 1

<input type="hidden" name="id" id="id" value="<?php echo ($id == 0 ? 1 : $id );?>" />

Jquery

$(function(){
  $("button").click(function(){
    $("#id").val($("#id").val()+1);
  })
})

Answer 2

试试这个，

<script type="text/javascript">
function increment_val(){
   var id_val = parseInt(document.getElementById('id').value);
   id_val++;
   document.getElementById('id').value=id_val;
}
</script>

并在按钮中html调用js函数，

<input type="button" value="update" id="btn_id" onclick="increment_val();"/>

Answer 3

为此使用 javascript。 Php 是服务器端脚本。

<script type="text/javascript">
  function increment()
  {
    var elem = document.getElementById("hiddenElement");
    elem.value = 1 + parseInt(elem.value);
  }
</script>
<input type="hidden" id="hiddenElement" name="id" value="0" />
<button onclick="increment()">Click me</button>

Answer 4

您可以使用下面的代码来增加点击按钮时的值。

<button onclick="document.getElementById('id').value = document.getElementById('id').value + 1;">Update</button>

Answer 5

HTML

<input type="text" name="id" value="<?php echo ($id == 0 ? 1 : $id );?>" />

要更改输入类型，您可以使用如下语法：

$("#id").attr('type','hidden');

增加值使用

document.getElementById('id').value=parseInt(document.getElementById('id').value)+1;

或使用jquery

$("#id").val($("#id").val()+1);

希望对您有所帮助。

Answer 6

只需指定更新按钮 ID 和输入的 ID。使用下面的代码

     <html>
        <head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
        <body>
        <script>
$(document).ready(function(){
$("#update").click(function(){
$("#id2").css("display","none");
var r = parseInt($("#id2").val(),10)+1;
$("#id2").val(r);
});
});

</script>
        <title>CV Education Form</title>
       .
       .
       .
       .
        </fieldset>
        <input type="text" name="id" id="id2" value="<?php echo ($id == 0 ? 1 : $id );?>"/>
        <input type="submit" value="Update" id="update" name="submit"/>
        </form>
        </body>
        </html>

在这里查看 http://jsfiddle.net/53cov3uq/3/

希望对您有所帮助

Answer 7

如果您想将文本更改为隐藏元素并增加值，请尝试此操作

HTML代码：

<input type="text" name="id" value="<?php echo ($id == 0 ? 1 : $id );?>" />
<button onclick="increment_value()">Update</button>

JS:

function increment_value()
{
    var txt_field = document.getElementsByName("id")[0];
    txt_field.value = parseInt(txt_field.value) + 1;
    txt_field.setAttribute("type", "hidden");
}

或

如果您想简单地隐藏文本字段，只需使用上述函数的这个版本

function increment_value()
{
    var txt_field = document.getElementsByName("id")[0];
    txt_field.value = parseInt(txt_field.value) + 1;
    txt_field.style.display = "none";
}

Answer 8

您可以使用 Jquery 或 JavaScript 非常简单地完成此操作。找到下面的代码

function update()
{
  var count=parseInt($('#counter').val());
  $('#counter').val(count+1);
  alert($('#counter').val());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<input type="hidden" id="counter" name="id" value="0"/>
<button onclick="update()">update</button>

我只是在最后保持警惕，将弹出 id 的当前值。

自动递增输入类型="hidden"值

Automatically increment input type="hidden" value

html

php

forms

jquery

button