Javascript Selectbox，用于填充有关选项顺序的其他Selectbox

我有两个选择框。选择“自动选择”框中的Select1是我要选择的值。我可以自动填充这些值，但我需要在这里按顺序选择选项，而不考虑值

如果我在selectbox1上选择option1（值为A），则它应根据以下说明在selectbox2上选择option1（值为1）

<div class="control-group">
   <label class="control-label">First Select</label>
   <div class="controls">
      <select  name="firstSELECT" class="select validate[required]">
         <option value="A" class="opm">12345</option>
         <option value="B" class="opm">23456</option>
         <option value="C" class="opm">34567</option>
         <option value="D" class="opm">45678</option>
         <option value="E" class="opm">56789</option>
      </select>
   </div>
   <label class="control-label">Second Select</label>
   <div class="controls">
      <select  name="secondSELECT" class="select validate[required]">
         <option value="1" class="opm">ABCDE</option>
         <option value="2" class="opm">BCDEF</option>
         <option value="3" class="opm">CDEFG</option>
         <option value="4" class="opm">DEFGH</option>
         <option value="5" class="opm">EFGHI</option>
      </select>
   </div>
</div>

我尝试了一种类似的方法，但因为我需要根据选项的顺序而不是值来选择；我没能做到这一点，因为我是Javascript新手

提前感谢。

试试这个：

第一选择 12345 23456 34567 45678 56789 第二选择 ABCDE BCDEF CDEFG 德夫 埃夫吉 试试这个：

第一选择 12345 23456 34567 45678 56789 第二选择 ABCDE BCDEF CDEFG 德夫 埃夫吉 这项工作：

功能更新{ var firstSelect=document.getElementsByNamefirstSELECT[0]； var secondSelect=document.getelementsbynamesondselect[0]； var-optN； 对于i=0；i而言，这是可行的：

功能更新{ var firstSelect=document.getElementsByNamefirstSELECT[0]； var secondSelect=document.getelementsbynamesondselect[0]； var-optN；

---

对于i=0；i以下是jQuery的实现方法：

$.selectFirst.ChangeFunction{ var selectedOption=$option：选中，此选项； var idx=$this.children.indexselectedOption var secChildIdx=$.selectSecond.children[idx]； $.selectSecond.find:selected.removeAttr'selected'； $secChildIdx.attrselected，selected； }; 第一选择 12345 23456 34567 45678 56789 第二选择 ABCDE BCDEF CDEFG 德夫 埃夫吉

---

以下是jQuery的实现方法：

$.selectFirst.ChangeFunction{ var selectedOption=$option：选中，此选项； var idx=$this.children.indexselectedOption var secChildIdx=$.selectSecond.children[idx]； $.selectSecond.find:selected.removeAttr'selected'； $secChildIdx.attrselected，selected； }; 第一选择 12345 23456 34567 45678 56789 第二选择 ABCDE BCDEF CDEFG 德夫 埃夫吉

---

是否有必要根据选项而不是值进行选择？从您的示例中我可以看出，这没有什么区别。@DKyleo实际上在这种情况下只为我排序。例如，如果我从selectbox1中选择option4，它也应该自动选择selectbox2中的option4。是否有必要根据t进行选择他选择了选项而不是值？从您的示例中我可以看到，这不会有什么区别。@DKyleo实际上在这种情况下，订单对我来说很重要。例如，如果我从selectbox1中选择option4，它也应该自动选择selectbox2中的option4。您好@fzs，谢谢您的解决方案，但问题是我的值在ea中不同ch selectboxHi@fzs，感谢您提供的解决方案，但问题是我的价值在每个方面都不同selectbox@Pelin好的，这适用于jQuery库，你熟悉它吗？或者你想用普通的JavaScript编写代码吗？在代码片段上，我测试了它，从A到E它工作得很好，然后我测试了一些，但它停止了工作是的，我收集到了。这是我愚蠢的错误。我已经更正了代码。希望它现在能正常工作。@Pelin我想我找到了问题所在。StackOverflow上可用的jQuery的最新版本是2.2，我已将其更新为3.3，我想它现在可以工作了。祝你好运@Pelin@Pelin这适用于jQuery库，您熟悉它吗？还是希望用pla编码在香草JavaScript中，我对代码片段进行了测试，从A到E它工作得很好，然后我又测试了一些，但它停止了工作。是的，我收集到了。这是我愚蠢的错误。我已经更正了代码。希望它现在工作得很好。@Pelin我想我找到了问题所在。StackOverflow上可用的jQuery的最新版本是2.2。我已将其更新为3。3我想现在应该可以了。祝你好运@Pelin