如何将选择框值添加到文本框？

Question

我的意思是，点击一个选择框的值，就会添加一个文本框。 我不知道你是否明白。

语言使用：Javascript。

请不要给我jquery的例子，谢谢。

祝你今天过得愉快。

Answer 1

您可以addEventListener()然后this.selectedIndex，例如：

var selectBox = document.getElementById('mySelect');

selectBox.addEventListener('change', handleChange);

function handleChange()
{
    var selectedValue = this.options[this.selectedIndex].value;
    document.getElementById('myInput').value = selectedValue;
}

jsFiddle Demo

您可能还需要支持旧版本的IE（即＆lt; 11），因此在这种情况下您还应该使用attachEvent()，如下所示：

selectBox.attachEvent('onchange', handleChange);