Javascript 刷新html输入元素值

Javascript 刷新html输入元素值,javascript,Javascript,我正在尝试更改html输入元素的值,我希望在屏幕上看到值的更改。这似乎是一个非常简单的任务,但它不能使用javascript(但可以使用jQuery) $(“#btn1”)。单击(函数(){ $(#test1”).val(“10”); }); 函数bt(){ document.getElementById(“test1”).value=“3333”; document.getElementById(“test1”).setAttribute(“value”,“4444”); } 公式1:

我正在尝试更改html输入元素的值,我希望在屏幕上看到值的更改。这似乎是一个非常简单的任务,但它不能使用javascript(但可以使用jQuery)

$(“#btn1”)。单击(函数(){
$(#test1”).val(“10”);
});
函数bt(){
document.getElementById(“test1”).value=“3333”;
document.getElementById(“test1”).setAttribute(“value”,“4444”);
}

公式1:

这些公式的答案是什么


暗示
Hint2
JavaScript
中选择/引用
input
元素后,只需使用
value
属性即可

在下一个示例中,每次用
更改值
文本单击
按钮
时,
输入值将更改为
新值:
,后面跟着一个随机数

/**选择按钮和输入**/
const btn=document.getElementById('btn2'),
inp=document.getElementById('test1');
/**添加单击侦听器**/
btn.addEventListener('click',()=>inp.value='newvalue:'+Math.ceil(Math.random()*100));/**出于演示目的,每次单击按钮时都会生成一个随机数。根据您的要求更改受影响的值**/

这些公式的答案是什么


暗示
更改值
设置
。值
在本例中对我有效。你能展示一下你的代码吗?这里有一件奇怪的事情:我刚刚将你的代码示例转换成一个可执行的代码段,它工作得很好。按钮提交表单,它是在表单中吗?代码段工作得很好。值不是属性,它是属性。努力理解当属性改变时,属性可能不会改变。这对OPs示例有何改进?我认为这相当复杂,因为他们只想在单击时将值更改为固定值。这也与OPs问题无关,因为他们的代码工作正常。别误会我的意思,我没有否决你——我只是觉得这与所问的问题无关。只是为了演示的目的,我使用了一个生成的数字。OP可以在我的尝试的基础上,使用他想要使用的任何“价值观”。另外,我只是想说明一下他的方法,所以使用
HTMLInputElement
value
属性比使用
setAttribute
函数更健壮。顺便说一句,进行这样的对话无疑会使效果更好。