如何更改輸入元素的值？

Question

是否有可能使用javascript和/或jquery“覆蓋/覆蓋”輸入元素固定值？

即如果我有這樣的輸入元素：

<div id="myDiv">
    <input type="text" name="inputs" value="someValue" />
</div>

是否有可能使該元素的jquery對象，然后將其值更改為其他值，然后將jquery對象重寫為dom？ 我正在嘗試，但是顯然我沒有得到很好的結果！

我一直在嘗試這樣的事情：

$('input').val("someOtherDynamicValue");
var x = $('input');
$("#myDiv").html(x);

Answer 1

您可以通過$.val()方法直接訪問該值：

$("[name='inputs']").val("Foo"); // sets value to foo

無需將其重新插入DOM。 請注意我的選擇器[name='inputs']的特殊性，僅修改頁面上的一個輸入元素是必要的。 如果使用選擇器input ，它將修改頁面上的所有輸入元素。

Answer 2

如果只想操縱input元素的值，請使用代碼的第一行。 但是，它將更改頁面上每個輸入元素的值，因此請使用該元素的名稱或ID進行具體說明。

$('input[name=inputs]').val("someOtherDynamicValue");

或者，如果元素具有ID

$('#someId').val('some Value');

查看jQuery的選擇器（ http://api.jquery.com/category/selectors/ ），了解如何獲取需要使用jQuery處理的元素。

Answer 3

//改變表單的加載

$(document).ready(function(){
    $('#yourTxtBoxID').val('newvalue');
});

//點擊按鈕時的更改

$(document).ready(function(){
    $('#somebuttonID').click(function(){
    $('#yourTxtBoxID').val('newvalue');
});
});