自動增加輸入型=「隱藏」價值

我有這行代碼自動增加輸入型=「隱藏」價值

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

，我想將其更改爲隱藏所以它是invisble而且當我點擊一個按鈕更新（我有它）然後增加值（$ id）...更簡單我想要的東西像那個id + 1。

你知道我該怎麼做？

enter image description here

當我點擊更新按鈕，我想1這是$ id來成爲$ ID + 1，但我不希望添加自己，我想自動完成它，當我點擊更新按鈕，還隱藏文本框

來源

2015-01-13 DogFace

將js用於此工作。 – Shubanker

是的，但我不知道如何去做 – DogFace

你有沒有嘗試過任何東西，甚至搜索過這個我相信你可以很容易地找到它。 – Shubanker

只需指定輸入的更新按鈕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/

希望這有助於你

來源

2015-01-13 08:56:58

腳本標籤我應該把它們放在php標籤中，也是我想隱藏的類型，當我點擊更新按鈕時會增加 – DogFace

上面的代碼正在完成您提到的所有任務。 –

我應該在PHP標籤中還是在html標籤中放置腳本標籤？ – DogFace

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

來源

2015-01-13 08:45:37 JNF

OP想要將輸入類型更改爲隱藏在事件上。 – Shubanker

這不是我通過閱讀這個問題所理解的。 – JNF

我將在一分鐘內通過打印屏幕檢查更新我的問題。 – DogFace

試試這個，

<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();"/>

來源

2015-01-13 08:50:49

我編輯我的問題，你可以請更具體的我應該把它放在哪裏 – DogFace

我假設你沒有使用jQuery。將代碼放在

您可以使用下面的代碼，點擊一個按鈕時增加值。

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

來源

2015-01-13 08:53:21

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

希望它有幫助。

來源

2015-01-13 08:55:53 Shubanker

，如果你想改變文本隱藏元素和增值試試這個

HTML代碼：

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

J S：

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

來源

2015-01-13 08:58:18

的您可以使用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值。

來源

2015-01-13 09:28:14

相關問題

自動增加輸入型=「隱藏」價值

回答

相關問題