[英]Set the value of an input field
How would you set the default value of a form <input>
text field in JavaScript?您将如何设置 JavaScript 中表单
<input>
文本字段的默认值?
这是一种方法:
document.getElementById("nameofid").value = "My value";
I use 'setAttribute' function:我使用'setAttribute'函数:
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
document.getElementById("example").setAttribute('value','My default value');
</script>
if your form contains an input field like如果您的表单包含一个输入字段,例如
<input type='text' id='id1' />
then you can write the code in javascript as given below to set its value as然后你可以用javascript编写代码,如下所示,将其值设置为
document.getElementById('id1').value='text to be displayed' ;
If you are using multiple forms, you can use:如果您使用多个表单,则可以使用:
<form name='myForm'>
<input type='text' name='name' value=''>
</form>
<script type="text/javascript">
document.forms['myForm']['name'].value = "New value";
</script>
Instead of using document.getElementById()
you can now use document.querySelector()
for different cases您现在可以将
document.querySelector()
用于不同的情况,而不是使用document.getElementById()
more info from another StackOverflow answer: 来自另一个 StackOverflow 答案的更多信息:
querySelector
lets you find elements with rules that can't be expressed withgetElementById
andgetElementsByClassName
querySelector
可让您查找具有无法用getElementById
和getElementsByClassName
表达的规则的元素
EXAMPLE:例子:
document.querySelector('input[name="myInput"]').value = 'Whatever you want!';
or或者
let myInput = document.querySelector('input[name="myInput"]');
myInput.value = 'Whatever you want!';
Test:测试:
document.querySelector('input[name="myInput"]').value = 'Whatever you want!';
<input type="text" name="myInput" id="myInput" placeholder="Your text">
Try out these.试试这些。
document.getElementById("current").value = 12
// or
var current = document.getElementById("current");
current.value = 12
The answer is really simple答案很简单
// Your HTML text field
<input type="text" name="name" id="txt">
//Your javascript
<script type="text/javascript">
document.getElementById("txt").value = "My default value";
</script>
Or if you want to avoid JavaScript entirely: You can define it just using HTML或者,如果您想完全避免使用 JavaScript:您可以只使用 HTML 来定义它
<input type="text" name="name" id="txt" value="My default value">
<input id="a_name" type="text" />
Here is the solution using jQuery
:这是使用
jQuery
的解决方案:
$(document).ready(function(){
$('#a_name').val('something');
});
Or, using JavaScript
:或者,使用
JavaScript
:
document.getElementById("a_name").value = "Something";
Happy coding :)快乐编码:)
简单的答案不是在 Javascript 中获取占位符的最简单方法是通过占位符属性
<input type="text" name="text_box_1" placeholder="My Default Value" />
document.getElementById("fieldId").value = "Value";
or或者
document.forms['formId']['fieldId'].value = "Value";
or或者
document.getElementById("fieldId").setAttribute('value','Value');
It's simple;这很简单; An example is:
一个例子是:
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
var elem = document.getElementById("example"); // Get text field
elem.value = "My default value"; // Change field
</script>
This does works for me这对我有用
//HTML
<div id="mytext">Some Text Value</div>
// JavaScript
document.getElementById("mytext").value = "My value";
如果由于某种原因该字段只有一个名称属性而没有其他属性,您可以尝试以下操作:
document.getElementsByName("INPUTNAME")[0].value = "TEXT HERE";
<form>
<input type="number" id="inputid" value="2000" />
</form>
<script>
var form_value = document.getElementById("inputid").value;
</script>
You can also change the default value to a new value您还可以将默认值更改为新值
<script>
document.getElementById("inputid").value = 4000;
</script>
This part you use in html这部分你在 html 中使用
<input id="latitude" type="text" name="latitude"></p>
This is javaScript:这是javaScript:
<script>
document.getElementById("latitude").value=25;
</script>
你也可以试试:
document.getElementById('theID').value = 'new value';
If you use ID then you have direct access to input in JS global scope如果您使用 ID,那么您可以直接访问 JS 全局范围内的输入
myInput.value = 'default_value'
<input id="myInput">
The following code work perfectly well:以下代码运行良好:
var $div = ('#js-div-hour input');
$div.attr('value','2022/01/10');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.