javascript - 循环遍历 select 的所有元素，如果其中一项为 null，则添加一个空白选项

Question

我有 2 个下拉菜单 select1 和 select2。我将选择 select1 的 item1 然后单击 OK 按钮(我需要帮助的情况)

然后如果 selectedindex 为 0(即第一个选项)，则循环遍历两个下拉列表的项目。

如果相同的索引元素(例如，两个下拉列表的第 3 个元素)不为空，则执行一些代码，如果其中一个为空，则执行其他代码，我该如何实现？

<select name="select1" id="select1"  multiple size="10">
    <option>1<option>
    <option>null<option>
    <option>null<option>
    <option>2<option>
    <option>3<option>
</select>
<select name="select2" id="select2"  multiple size="10">
    <option>4<option>
    <option>5<option>
    <option>6<option>
    <option>null<option>
    <option>10<option>
</select>

我试过这段代码，但 fiddle 没有反应。

http://jsfiddle.net/678hmujh/13/

Answer 1

正如我在评论中看到的那样。在找到第一个匹配项时添加 null 后，您不会中断循环。

http://jsfiddle.net/678hmujh/19/这对我来说没问题。

 if (optionS1[i].text != "null" && optionS2[i].text != "null") {
             $(sel1).append("<option value=''>null</option>");
             $(sel2).prepend("<option value=''>null</option>");
             return;
         }