web-dev-qa-db-ja.com

入力フィールドの値を設定

JavaScriptのテキストフィールド<input>のデフォルト値をどのように設定しますか？

javascripthtmlformsinput
362
SebastianOpperman

これはそれをする一つの方法です：

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

フォームに次のような入力フィールドが含まれている場合 

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

次に、以下のようにjavascriptでコードを書いて、

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

SetAttribute関数を使います。 

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

試してみてください。 

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

// or

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

答えは本当に簡単です 

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

単純な答えはJavascriptではなく、プレースホルダーを取得する最も簡単な方法はプレースホルダー属性を使用することです

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

複数のフォームを使用している場合は、次のものを使用できます。

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

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

それは簡単です;例は次のとおりです。

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

または

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

または

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

あなたも試すことができます：

document.getElementById('theID').value = 'new value';
0
Bogdan Mates
<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>
0
Tobiloba

この部分はあなたがhtmlで使う

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

これはjavaScriptです。

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