<input>
JavaScriptでフォームテキストフィールドのデフォルト値をどのように設定しますか?
18 に答える
これはそれを行う1つの方法です:
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' ;
複数のフォームを使用している場合は、次を使用できます。
<form name='myForm'>
<input type='text' name='name' value=''>
</form>
<script type="text/javascript">
document.forms['myForm']['name'].value = "New value";
</script>
これらを試してみてください。
document.getElementById("current").value = 12
// or
var current = document.getElementById("current");
current.value = 12
2021回答
を使用する代わりに、さまざまなケースにdocument.getElementById()
使用できるようになりましたdocument.querySelector()
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">
答えは本当に簡単です
// 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">
簡単な答えはJavascriptではありませんプレースホルダーを取得する最も簡単な方法はプレースホルダー属性を使用することです
<input type="text" name="text_box_1" placeholder="My Default Value" />
document.getElementById("fieldId").value = "Value";
また
document.forms['formId']['fieldId'].value = "Value";
また
document.getElementById("fieldId").setAttribute('value','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>
<input id="a_name" type="text" />
これが使用する解決策jQuery
です:
$(document).ready(function(){
$('#a_name').val('something');
});
または、を使用してJavaScript
:
document.getElementById("a_name").value = "Something";
ハッピーコーディング:)
これは私のために働きます
//HTML
<div id="mytext">Some Text Value</div>
// JavaScript
document.getElementById("mytext").value = "My 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.getElementsByName("INPUTNAME")[0].value = "TEXT HERE";
次のことも試すことができます。
document.getElementById('theID').value = 'new value';
直接アクセス
IDを使用する場合は、JSグローバルスコープの入力に直接アクセスできます
myInput.value = 'default_value'
<input id="myInput">
次のコードは完全に機能します。
var $div = ('#js-div-hour input');
$div.attr('value','2022/01/10');