如何从选择菜单的选项填充文本字段

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; 

};