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

Question

我有 2 个下拉菜单 select1 和 select2。我将 select select1 的 item1 然后单击确定按钮（我需要帮助的情况）

然后，如果 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;
         }

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

Loop through all the elements of select and add a blank option if the either of the items is null

javascript

jquery

dropdownbox

drop-down-menu