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

Question

您好我有一个提交数据的表单，我有两个字段，一个是选择菜单，另一个是文本字段， 我正在尝试根据我从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;

};