項目がドロップダウンメニュー（html、javascript）で変更されたときに入力フィールドを入力してください

Question

私はjavascriptについて知りたいと思っています。入力フィールドに文字列を入力するような値のdropdownmenu idで値が変更されたとき、私がやりたいことは非常に簡単です。

これはHTMLです：

<div> 
    <input type="text" id="field_id" placeholder="Using..." style="width: 400px"> 
    <select style="width: 180px" onchange="Test()"> 
     <option value="" disabled selected>Select</option> 
     {% for stuff in stuffs%} 
     <option value="{{stuff}}">{{stuff}}</option> 
     {% endfor %}      
    </select> 
</div> 

そして、同じドキュメント内のjavascript：

<script> 
    function Test() 
    { 
     document.getElementById(field_id).text = "asdsads"; 
    } 
</script> 

入力フィールドが文字列 "asdsads" で満たされて文句を言わないのはなぜ？

Answer 1

あなたはStringとしてgetElementByIdにパラメータを与える必要があります。

document.getElementById("field_id").value = "asdsads"; 

ウォッチfield_id周りの引用符のために。

コードでfield_idは（未定義の）変数です。ブラウザのJavascriptコンソールにエラー/警告が表示されます。

第2の：入力フィールドの値を設定するには、text属性ではなくvalue属性を設定する必要があります。ここで

はあなたの例で作業フィドルです：あなたはvalue属性使用して、入力要素は値を初期化され、テストされるべきであることを考慮に入れる必要があるhttps://jsfiddle.net/oapzL020/

Answer 2

：

document.getElementById("field_id").value = "some value"