558

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

4

18 に答える 18

983

これはそれを行う1つの方法です:

document.getElementById("mytext").value = "My value";
于 2011-09-30T10:33:16.733 に答える
71

'setAttribute'関数を使用します:

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
  document.getElementById("example").setAttribute('value','My default value');
</script>
于 2014-06-18T14:37:46.180 に答える
61

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

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

次に、以下のようにjavascriptでコードを記述して、その値を次のように設定できます。

document.getElementById('id1').value='text to be displayed' ; 
于 2011-09-30T10:38:46.200 に答える
22

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

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

<script type="text/javascript"> 
    document.forms['myForm']['name'].value = "New value";
</script>
于 2017-03-17T14:42:41.627 に答える
21

これらを試してみてください。

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

// or

var current = document.getElementById("current");
current.value = 12
于 2012-12-11T18:23:58.857 に答える
20

2021回答

を使用する代わりに、さまざまなケースにdocument.getElementById()使用できるようになりましたdocument.querySelector()

別のStackOverflowの回答からの詳細情報:

querySelectorgetElementByIdとで表現できないルールを持つ要素を見つけることができます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">

于 2020-11-19T19:10:45.113 に答える
18

答えは本当に簡単です

// 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を使用してJavaScriptを定義できます

<input type="text" name="name" id="txt" value="My default value">
于 2015-09-02T05:59:15.147 に答える
8

簡単な答えはJavascriptではありませんプレースホルダーを取得する最も簡単な方法はプレースホルダー属性を使用することです

<input type="text" name="text_box_1" placeholder="My Default Value" />
于 2014-08-06T15:38:37.437 に答える
8
document.getElementById("fieldId").value = "Value";

また

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

また

document.getElementById("fieldId").setAttribute('value','Value');
于 2018-02-05T11:59:16.307 に答える
6

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

<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>
于 2014-04-04T08:00:55.957 に答える
6
<input id="a_name" type="text" />

これが使用する解決策jQueryです:

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

または、を使用してJavaScript

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

ハッピーコーディング:)

于 2021-04-08T06:39:08.193 に答える
2

これは私のために働きます

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

// JavaScript
document.getElementById("mytext").value = "My value";
于 2021-04-16T08:55:41.967 に答える
1
<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>
于 2018-10-17T06:43:00.997 に答える
1

htmlで使用するこの部分

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

これはjavaScriptです:

<script>
document.getElementById("latitude").value=25;
</script>
于 2019-01-03T08:13:23.367 に答える
1

何らかの理由でフィールドに名前属性しかなく、他に何もない場合は、次のことを試すことができます。

document.getElementsByName("INPUTNAME")[0].value = "TEXT HERE";
于 2020-07-25T18:34:02.667 に答える
0

次のことも試すことができます。

document.getElementById('theID').value = 'new value';
于 2015-09-02T10:56:28.127 に答える
0

直接アクセス

IDを使用する場合は、JSグローバルスコープの入力に直接アクセスできます

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

于 2020-06-26T16:11:04.893 に答える
0

次のコードは完全に機能します。

var $div = ('#js-div-hour input');
$div.attr('value','2022/01/10');
于 2022-01-06T13:13:55.580 に答える