设置输入字段的值

IT技术 javascript html forms input html-input
2021-01-14 12:16:36

您将如何<input>在 JavaScript 中设置表单文本字段的默认值

6个回答

这是一种方法:

document.getElementById("mytext").value = "My value";
是的,将事件处理程序分配给擦除 onclick 值的输入字段。示例:elem.onclick = clearField(); // 这将指向一个通过将值设置为空来擦除字段的函数,类似于上面的答案。
2021-03-12 12:16:36
我会的,如果用户单击该字段,有没有办法使 vale 为 NULL?
2021-03-18 12:16:36
对我来说它没有用。上面会创建 value 属性吗?
2021-03-19 12:16:36
如果您尝试更改 input-tag 本身的值,这似乎不起作用。澄清一下,如果我有一个按钮应该在单击时更改其值,我似乎无法更改它,也无法通过“this.parentNode.getElementByTagName('input').style.display='none ';" 也不通过使用 this.style.display='none'; 另外,我什至尝试使用“.style = display: none;';” 没有成功...
2021-03-19 12:16:36
上面问题的这个答案和其他答案似乎忽略了应该更改默认值。使用.value = ...只会改变当前值。重置表单<input type="reset" />例如)会将值更改回原始值。相比之下,setAttribute("value", ...)在 Firefox 和 Chrome 中可以正常工作。默认值已更改,但实际值仅在用户尚未修改的情况下才会更改。但是,setAttribute由于浏览器兼容性不推荐使用。还有其他可能吗?
2021-04-02 12:16:36

我使用“setAttribute”函数:

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
  document.getElementById("example").setAttribute('value','My default value');
</script>
@ChrisBaker 如果可以的话,我会 +1000 这个答案。我有一个 3rd 方应用程序,它扫描输入字段以自动化应用程序(我的页面呈现在嵌入式即控件中)。这是一种独特的场景,其中输入字段由客户端的应用程序使用。在我的文档就绪函数中使用 .value 回发后,输入字段没有立即重置。当我有用户启动的后续异步回发时,它会重用这些输入值来自动化他们之前单击的内容,我需要页面“忘记它们”。这是我需要的哈奇魔法酱。谢谢佩佩和克里斯!
2021-03-10 12:16:36
我有一个奇怪的问题,用setAttribute. 我的问题是通过函数调用更改输入的值,也更改上次更改的输入。
2021-03-14 12:16:36
我正在使用 Yii 2.0 并直接设置 .value = '' 不会在该字段上正确运行表单验证。正确处理使用 setAttribute('value','...') 。谢谢!
2021-03-25 12:16:36
我只能使用此答案将值设置为弹出式模态输入(文本)。.value对我不起作用。谢谢
2021-03-25 12:16:36
value应该使用点符号直接访问:developer.mozilla.org/en-US/docs/Web/API/Element.setAttribute你只使用 set/getAttribute 来处理原始值。DOM 加载后,.value代表元素的实际工作值。
2021-04-08 12:16:36

如果您的表单包含一个输入字段,例如

<input type='text' id='id1' />

那么你可以用下面给出的javascript编写代码来将它的值设置为

document.getElementById('id1').value='text to be displayed' ; 
帮助!我这样做了,但是一旦我单击另一个字段或单击页面上的任何按钮,该值总是会变回原始值。这是我做的网站(类“_56AraZ”)shopee.vn/buyer/login?next=https%3A%2F%2Fshopee.vn%2F谁能告诉我如何真正设置值以自动登录网站。
2021-04-05 12:16:36

如果您使用多个表格,您可以使用:

<form name='myForm'>
    <input type='text' name='name' value=''>
</form>

<script type="text/javascript"> 
    document.forms['myForm']['name'].value = "New value";
</script>
@tremor 完全同意,这是我使用“名称”而不是“id”找到的第一个答案。
2021-03-14 12:16:36
我喜欢这个答案的原因是,您使用表单的“名称”属性而不是 DOM 元素 ID,为什么在不需要时为每个表单输入添加一个 ID 字段?
2021-03-19 12:16:36
使用您的代码通过表单元素设置输入值,它不会在站点的 html 中更新。当我直接处理输入时,它会更新。
2021-04-02 12:16:36
通过输入 id 或通过表单和输入名称检索值,哪个更有效?似乎页面上的表单不多,但元素很多。
2021-04-05 12:16:36

试试这些。

document.getElementById("current").value = 12

// or

var current = document.getElementById("current");
current.value = 12
切勿为此类字段设置非文本值。如果您回读,您将在某些浏览器中读取字符串(!))
2021-03-13 12:16:36
帮助!我这样做了,但是一旦我单击另一个字段或单击页面上的任何按钮,该值总是会变回原始值。这是我做的网站(类“_56AraZ”)shopee.vn/buyer/login?next=https%3A%2F%2Fshopee.vn%2F谁能告诉我如何真正设置值以自动登录网站。
2021-03-28 12:16:36