如何更改输入元素的值？

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，它将修改页面上的所有输入元素。

在线演示：http://jsbin.com/imuzo3/edit

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