如何将selectbox的值添加到文本框中？

我有2个选择框，我想将它们的值添加到基于更改选择框的选择框。 我写了下面的代码。 但它只适用于一个。 我怎样才能做到这一点 ？ 这是我的代码：

var selectBox = document.getElementById('mySelect'); var selectBox2 = document.getElementById('mySelect2'); selectBox.addEventListener('change', handleChange); selectBox2.addEventListener('change', handleChange); function handleChange() { var selectedValue = this.options[this.selectedIndex].value; document.getElementById('myInput').value = selectedValue; document.getElementById('myInput2').value = selectedValue; } 

  Option 1 Option 2 Option 3   Option 1 Option 2 Option 3    

Answer 1

 var selectBox = document.getElementById('mySelect'); var selectBox2 = document.getElementById('mySelect2'); selectBox.addEventListener('change', handleChange); selectBox2.addEventListener('change', handleChange); function handleChange(event) { if (event.target.id == "mySelect") { document.getElementById('myInput').value = selectBox.value; } else { document.getElementById('myInput2').value = selectBox2.value; } } 

  Option 1 Option 2 Option 3   Option 1 Option 2 Option 3    

Answer 2

既然你用jquery标记了你的问题，我也可以提供一个基于jquery的答案：

 $('[id^=mySelect]').change(function(){ $('#'+this.id.replace('Select','Input')).val($(this).val()) }); 

这个简短的片段应该做你想做的一切。 我的第一个选择器[id^=mySelect]将选择以“mySelect”开头的所有 id，如果您想将此片段的范围扩展到进一步的选择和输入，这将非常有用。 如果这不是你想要的，你可以用更明确的版本#mySelect,#mySelect1替换它。