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

我有两个选择框，我想将它们的值添加到基于Change selectbox的selectbox中。我写了下面的代码。但它只对一个人起作用。 我该怎么做？ 这是我的密码：

var selectBox=document.getElementById'mySelect'； var selectBox2=document.getElementById'mySelect2'； 选择Box.addEventListener'change'，handleChange； 选择框2。添加EventListener'change'，handleChange； 功能手柄更换 { var selectedValue=this.options[this.selectedIndex].value； document.getElementById'myInput'。value=selectedValue； document.getElementById'myInput2'。value=selectedValue； } 选择1 选择2 选择3 选择1 选择2 选择3 var selectBox=document.getElementById'mySelect'； var selectBox2=document.getElementById'mySelect2'； 选择Box.addEventListener'change'，handleChange； 选择框2。添加EventListener'change'，handleChange； 函数handleChangeevent { 如果event.target.id==mySelect{ document.getElementById'myInput'。value=selectBox.value； }否则{ document.getElementById'myInput2'。value=selectBox2.value； } } 选择1 选择2 选择3 选择1 选择2 选择3 var selectBox=document.getElementById'mySelect'； var selectBox2=document.getElementById'mySelect2'； 选择Box.addEventListener'change'，handleChange； 选择框2。添加EventListener'change'，handleChange； 函数handleChangeevent { 如果event.target.id==mySelect{ document.getElementById'myInput'。value=selectBox.value； }否则{ document.getElementById'myInput2'。value=selectBox2.value； } } 选择1 选择2 选择3 选择1 选择2 选择3

---

既然您用jquery标记了您的问题，我不妨提供一个基于jquery的答案：

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

---

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

既然您用jquery标记了您的问题，我还可以提供基于jquery的答案：

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

---

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

您想将新值附加到textbox上的当前值，还是想将一个textbox映射到一个select元素？@NisargShah我想在选择类似选项2的选项时将selectbox的值附加到selectbox，选项3？@NisargShah是的，它现在正在工作。问题是当我从第一个选择框中选择时，它会附加到所有文本框中。我想分别为每个选项添加新值是要将新值附加到textbox上的当前值，还是要将一个textbox映射到选定元素？@NisargShah我想在选择时将selectbox的值附加到selectbox，如选项2、选项3？@NisargShah是，它现在正在工作。问题是当我从第一个选择框中选择时，它会附加到所有文本框中。我想在第一个selectbox中第一次将它们分开，当它被选中时，它会附加到所有文本框中。这是不正确的。我想将myselect的值添加到myInput，将myselect2添加到myInput2。您的意思是，当您第一次运行代码时，您希望添加值吗？我只想将myselect的值显示到myInput文本框，将myselect2的值显示到myInput2文本框。基于对每个selectbox的更改，我缩短了代码，您可以查看它：第一次在第一个selectbox中选中时，它会附加到所有文本框中。这是不正确的。我想将myselect的值添加到myInput，将myselect2添加到myInput2。您的意思是，当您第一次运行代码时，您希望添加值吗？我只想将myselect的值显示到myInput文本框，将myselect2的值显示到myInput2文本框。根据我对每个SelectBox的更改，缩短代码，您可以查看它：