Javascript jquery将文本从选择选项复制到另一个自动输入中

我想将“选择选项”中的文本复制到另一个自动输入中，我发现：http://jsfiddle.net/6khr8e2b/ 但我不能改变它

我想这样做：

<select >
<option value="0">AAAA</option>
<option value="1">BBBB</option>
</select>

<select >
<option value="0">CCCC</option>
<option value="1">DDDD</option>
</select>

<input type="text" >

我将有两个选择和一个输入 当我选择on时，选择AAAA和DDDD，我希望在输入值中自动键入：AAAA DDDD

Javascript解决方案 const selects=document.queryselector all'select_1，select_2'； const selectOne=选择[0]； const selectTwo=选择[1]； const input=document.getElementById'input_1'； Array.fromselects.forEachselect=>{ 选择.addEventListener'change'，=>{ input.value=`${selectOne.options[selectOne.selectedIndex].textContent}${selectTwo.options[selectTwo.selectedIndex].textContent}`； }; }; AAAA BBBB 中交 DDDD 这对你会有帮助的

函数getinput{ var-val=； val=$select_1选项：选中。text++$select_2选项：选中。text $input_1.0 valval； } $function{ $.select.change函数{ var-val=； val=$select_1选项：选中。text++$select_2选项：选中。text $input_1.0 valval； }; $.select.triggerchange； } 挑选{ 宽度：150px； } AAAA BBBB 中交 DDDD

---

如果没有onchange=getinputhow我可以添加第三个@Geo1313`val=$select_1选项：选中。text++$select_2选项：选中。text++$select_3选项：选中。text`可以重试吗。我刚刚做了一个调整。现在正在工作，但它如何只对id=select\u 1 id=select\u 2 id=input\u 1起作用？我不太理解你的问题。你能换个说法吗？@Geo1313我想我现在明白了。你能检查我的更新，看看这是否解决了你的问题吗？检查我的最新更新。我还提供了jQuery解决方案。