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那样的东西。

你知道我该怎么办？

enter image description here

当我点击更新按钮时，我希望$ id成为$ id + 1，但我不想添加自己，当我点击更新按钮并隐藏文本字段时，我想自动执行此操作

Answer 1

试试这个，

<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 2

只需指定输入的更新按钮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 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

如果要将文本更改为隐藏元素并增加值

，请尝试此操作

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");
}

OR

如果您只想隐藏文本字段，请使用以上版本的此功能

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

Answer 7

你可以非常简单地使用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的当前值。

Answer 8

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

Jquery的

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

自动递增输入类型=＆＃34;隐藏＆＃34;值

8 个答案: