設置輸入字段的值

Question

您將如何設置 JavaScript 中表單<input>文本字段的默認值？

Answer 1

這是一種方法：

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

Answer 2

我使用'setAttribute'函數：

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

Answer 3

如果您的表單包含一個輸入字段，例如

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

然后你可以用javascript編寫代碼，如下所示，將其值設置為

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

Answer 4

如果您使用多個表單，則可以使用：

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

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

Answer 5

2021答案

您現在可以將document.querySelector()用於不同的情況，而不是使用document.getElementById()

來自另一個 StackOverflow 答案的更多信息：

querySelector可讓您查找具有無法用getElementById和getElementsByClassName表達的規則的元素

例子：

document.querySelector('input[name="myInput"]').value = 'Whatever you want!';

或者

let myInput = document.querySelector('input[name="myInput"]');
myInput.value = 'Whatever you want!';

測試：

 document.querySelector('input[name="myInput"]').value = 'Whatever you want!';

 <input type="text" name="myInput" id="myInput" placeholder="Your text">

Answer 6

試試這些。

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

// or

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

Answer 7

答案很簡單

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

Answer 8

<input id="a_name" type="text" />

這是使用jQuery的解決方案：

$(document).ready(function(){
  $('#a_name').val('something');
});

或者，使用JavaScript ：

document.getElementById("a_name").value = "Something";

快樂編碼:)

Answer 9

簡單的答案不是在 Javascript 中獲取占位符的最簡單方法是通過占位符屬性

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

Answer 10

document.getElementById("fieldId").value = "Value";

或者

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

或者

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

Answer 11

這很簡單; 一個例子是：

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

Answer 12

這對我有用

//HTML
<div id="mytext">Some Text Value</div>

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

Answer 13

如果由於某種原因該字段只有一個名稱屬性而沒有其他屬性，您可以嘗試以下操作：

document.getElementsByName("INPUTNAME")[0].value = "TEXT HERE";

Answer 14

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

Answer 15

這部分你在 html 中使用

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

這是javaScript：

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

Answer 16

你也可以試試：

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

Answer 17

直接訪問

如果您使用 ID，那么您可以直接訪問 JS 全局范圍內的輸入

 myInput.value = 'default_value'

 <input id="myInput">

Answer 18

以下代碼運行良好：

var $div = ('#js-div-hour input');
$div.attr('value','2022/01/10');