javascript - JavaScript 中的选定选择器

Question

如何将以下 jQuery 代码转换为有效的 JavaScript 代码？

jQuery

$('select :visible:selected').each(function(i) {
  // instructions
}

可见的选择器我已经用 JS 实现了。或者有更好的解决方案吗？

JavaScript

for (var i=0;i<$('select').length;i++) {
  if ($('select')[i].style.visibility == "visible") {
    // instructions
  }    
}

感谢您的帮助!

Answer 1

Selected 从 SELECT 列表中选择 OPTION。因此，要使用纯 JavaScript 从页面的所有可见 SELECT 中获取所有选定的选项

var selects = document.getElementsByTagName('select');
for(var i=0; i<selects.length; i++) {
   var select = selects[i];

   if(select.style.visibility == 'visible'){
     for(var j=0; j<select.options.length; j++) {
       if(select.options[j].selected){
          // ... your code goes here ..
       }
     }
   }
}

更新 因此，如果我正确地理解你，你需要所有 selected来自所有的选项 visible选择和你可以使用 jQuery

$('select:visible option:selected').each(function(i,elm) {
  // instructions
  alert(elm.value);
 });