设置输入字段的值

2020/09/26 22:01 · javascript ·  · 0评论

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

这是一种实现方式:

document.getElementById("mytext").value = "My value";

我使用'setAttribute'函数:

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
  document.getElementById("example").setAttribute('value','My default value');
</script>

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

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

那么您可以按照以下代码在javascript中编写代码,以将其值设置为

document.getElementById('id1').value='text to be displayed' ; 

试试这些。

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

// or

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

答案很简单

// 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>

或者,如果您想完全避免使用JavaScript:您可以仅使用HTML进行定义

<input type="text" name="name" id="txt" value="My default value">

如果您使用多种形式,则可以使用:

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

<script type="text/javascript"> 
    document.forms['myForm']['name'].value = "New value";
</script>

简单的答案不是用Javascript获得占位符的最简单方法就是通过占位符属性

<input type="text" name="text_box_1" placeholder="My Default Value" />

这很简单; 一个例子是:

<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>
document.getElementById("fieldId").value = "Value";

要么

document.forms['formId']['fieldId'].value = "Value";

要么

document.getElementById("fieldId").setAttribute('value','Value');
<form>
  <input type="number"  id="inputid"  value="2000" />
</form>


<script>
var form_value = document.getElementById("inputid").value;
</script>    

您也可以将默认值更改为新值

<script>
document.getElementById("inputid").value = 4000;     
</script>

您在html中使用的这部分

<input id="latitude" type="text" name="latitude"></p>

这是javaScript:

<script>
document.getElementById("latitude").value=25;
</script>

您也可以尝试:

document.getElementById('theID').value = 'new value';

直接访问

如果使用ID,则可以直接访问JS全局范围中的输入

myInput.value = 'default_value'
<input id="myInput">

如果该字段出于任何原因仅具有名称属性,而没有其他任何属性,则可以尝试以下操作:

document.getElementsByName("INPUTNAME")[0].value = "TEXT HERE";
本文地址:http://javascript.askforanswer.com/shezhishuruziduandezhi.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!