首页 文章

设置输入字段的值

提问于
浏览
347

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

11 回答

  • 656

    这是一种方法:

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

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

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

    然后你可以用javascript编写代码,如下所示,将其值设置为

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

    我使用'setAttribute'函数:

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

    试试这些 .

    document.getElementById("current").value = 12
    
    // or
    
    var current = document.getElementById("current");
    current.value = 12
    
  • 6

    答案很简单

    // 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">
    
  • 11

    简单的答案不是在Javascript中获取占位符的最简单方法是通过占位符属性

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

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

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

    这很简单;一个例子是:

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

    要么

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

    要么

    document.getElementById("fieldId").setAttribute('value','Value');
    
  • 0

    你也可以尝试:

    document.getElementById('theID').value = 'new value';
    
  • 52
    <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>
    

相关问题