Javascript 如何更改输入元素的值?
是否可以使用javascript和/或jquery“覆盖/覆盖”输入元素的固定值 i、 e.如果我有这样一个输入元素:Javascript 如何更改输入元素的值?,javascript,jquery,html,Javascript,Jquery,Html,是否可以使用javascript和/或jquery“覆盖/覆盖”输入元素的固定值 i、 e.如果我有这样一个输入元素: <div id="myDiv"> <input type="text" name="inputs" value="someValue" /> </div> $('input').val("someOtherDynamicValue"); var x = $('input'); $("#myDiv").html(x); 您可以通过$
<div id="myDiv">
<input type="text" name="inputs" value="someValue" />
</div>
$('input').val("someOtherDynamicValue");
var x = $('input');
$("#myDiv").html(x);
您可以通过
$.val()
方法直接访问该值:
$("[name='inputs']").val("Foo"); // sets value to foo
无需将其重新插入DOM。请注意我的选择器[name='inputs']
的特殊性,这对于只修改页面上的一个输入元素是必需的。如果使用选择器输入
,它将修改页面上的所有输入元素
在线演示:如果您只想操作输入元素的值,请使用代码的第一行。但是,它会更改页面上每个输入元素的值,因此使用元素的名称或id时要更加具体
$('input[name=inputs]').val("someOtherDynamicValue");
或者如果元素有一个id
$('#someId').val('some Value');
查看jQuery的选择器()以了解如何获取需要使用jQuery操作的元素。/p>//表单加载时的更改
$(document).ready(function(){
$('#yourTxtBoxID').val('newvalue');
});
//单击按钮时的更改
$(document).ready(function(){
$('#somebuttonID').click(function(){
$('#yourTxtBoxID').val('newvalue');
});
});
不确定你正在完成什么。如果您只想更改值,为什么需要重写整个元素?@Lina,请您解释一下您试图对输入字段执行的操作,也许可以找到更清晰的解决方案。:)当我在更改输入元素的值后(即,在第一行代码之后)提醒输入元素时,我发现它的值仍然是“someValue”,而不是“someOtherDynamicValue”,这就是我试图重写整个元素的原因。这件事真让我受不了。。。有什么解决方案吗???@Lina上面的代码与您提供的HTML一起工作。请看我的演示链接在上面的帖子。