Javascript 多个select元素-从所有元素中选择选项时使用jQuery处理

我有两个选择元素和一些选项。我想做的是用jquery处理这个问题，这样我就可以只在选项有值时才能得到它们的值

 <div class="panel-heading">
        <select id="loading-by-tag">
            <option value="" disabled selected> -- Select Subject --</option>
            <option value="value1">Selection 1</option>
            <option value="value2">Selection 2</option>
        </select>

        <select id="loading-by-sub-tag">
            <option value="" disabled selected> -- Select Subject --</option>
            <option value="value1">Selection 1</option>
            <option value="value2">Selection 2</option>
        </select>
    </div>

如果我只想处理一个select元素，我会使用。在“更改”上，使用select元素的函数可以正常工作，但使用多个select元素时，我该如何操作。

您应该检查所有select元素的selectedIndex是否为0

$document.on'change'，select'，函数{ var allChanged=true； //检查是否有任何其他未更改的select元素 $'select'。每个函数{ 如果此值为0，则.selectedIndex==0{ allChanged=false； } }; //如果所有选择元素都已更改 如果一切都改变了{ 警报“均已更改”； } }; -选择主题- 选择1 选择2 -选择主题- 选择1 选择2 您应该检查所有select元素的selectedIndex是否不是0

$document.on'change'，select'，函数{ var allChanged=true； //检查是否有任何其他未更改的select元素 $'select'。每个函数{ 如果此值为0，则.selectedIndex==0{ allChanged=false； } }; //如果所有选择元素都已更改 如果一切都改变了{ 警报“均已更改”； } }; -选择主题- 选择1 选择2 -选择主题- 选择1 选择2 只是一个旁注，请使用.filter：

只是一个旁注，请使用.filter：

$('select').change(function() {
  var m = $(this).siblings('select').addBack();
  var n = m.filter(function(){
    return $(this).val() == null && $(this)
  });  
 if ( !n.length ) alert('both selected')
});