如何迭代所有选择的多个元素？

Question

我想检查所有<select multiple>输入，以确保我的用户做出选择。

如果这些输入没有值，那么我可以添加一个类来创建一些视觉提醒，但我不确定如何迭代它们？

我很高兴只是迭代所有<select>个元素，因为非多个元素将始终默认选择。

我已尝试$('input:select')，$('select')无济于事。

Answer 1

如果您有许多具有multiple属性的选择元素，则可以遍历所有元素：

$('select[multiple]').each(function() {
  // Check if at least one selection is made
  if($(this).val().length > 0) {
    console.log('selection is made');
  } else {
    console.log('no selection is made');
  }
});

上述解决方案利用jQuery的属性选择器来获取分配了multiple属性的所有选择元素的集合。

此外，jQuery在具有.val()属性的select标记上调用multiple时返回一个数组。因此，您可以检查返回值的长度，以确定是否至少进行了一次选择。