Javascript通过所有HTML选择循环<；选项>；_Javascript_Html_Html Select

Javascript通过所有HTML选择循环<；选项>；

javascript html

Javascript通过所有HTML选择循环<；选项>；,javascript,html,html-select,Javascript,Html,Html Select,我很惊讶我在网上找不到这个代码如何访问选定列表的所有选定索引？不只是第一个 HTML: js: 函数moveSelectedTrends（） { var selectedTrends=document.getElementById（'trends'）；对于（变量i=0；i

我很惊讶我在网上找不到这个代码

如何访问选定列表的所有选定索引？不只是第一个

HTML:

js:

函数moveSelectedTrends（）
{
var selectedTrends=document.getElementById（'trends'）；
对于（变量i=0；i

使用

而不是

selectedTrends。selectedIndex

并测试是否选中了


   function moveSelectedTrends() {
     var trends = document.getElementById('trends'), trend, i;

     for(i = 0; i < trends.length; i++) {
       trend = trends[i];
       if (trend.selected) {
           alert(trend.value);
       }
     }
   }

函数moveSelectedTrends（）{
var trends=document.getElementById（'trends'），trend，i；
对于（i=0；i
避免循环的一个简单方法是QSA：
[].forEach.call(  document.querySelectorAll('#trends :checked')  , function(elm){
    alert(elm.value);
})

：checked选择器足够智能，可以处理