如何從選擇菜單的選項填充文本字段

Question

你好，我有一個提交數據的表單，我有兩個字段，一個是選擇菜單，另一個是文本框， 我想填充我的文本字段一個選項，我從SELCT菜單中選擇，

例如，當我選擇橙色作爲一個選項，我得到圈在我的文本框的值，

這是我SELCT菜單

<form action="#"> 
    <select name="selection"> 
     <option value="Choose One"selected="selected">Choose One</option> 
     <option value="1">asdf1</option> 
     <option value="private motor">private motor</option> 
     <option value="civian motor">civian motor</option> 
    </select><input name="1" type="text"> 
</form> 

在我的選擇菜單中，我們可以看到橙色仍然是我選擇操作的值和灰橙色

我怎麼能去這個請

Answer 1

所有你需要做的是選擇該項目，並獲得其對改變事件值。這段代碼應該可以做到。

var sel = document.querySelector("select[name='selection']"); 
sel.onchange=function() 
{ 
    document.querySelector("input[name='1']").value=sel.value; 

};