如何使用javascript从列表框中获取多个选定的值和项目

Question

<!DOCTYPE html>
<html>
<script>
function getValue()
{
  var x=document.getElementById("sel");
  for (var i = 0; i < x.options.length; i++) {
     if(x.options[i].selected ==true){
          alert(x.options[i].selected);
      }
  }
}
</script>
</head>
<body>
<select multiple="multiple" id="sel">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="button" value="Get Value" onclick="getValue()"/>
</body>
</html>

这是我的代码。 如何使用javascript从列表框中获取所有选定的值。上面的代码显示所有选定值的true。

Answer 1

更换

  if(x.options[i].selected ==true){
      alert(x.options[i].selected);
  }

同

  if(x.options[i].selected){
      alert(x.options[i].value);
  }

Answer 2

我建议你使用jQuery这样做：

var selected = $('#sel option:selected');

如果您不想使用jQuery，请忽略此答案并参考其他答案。

Answer 3

解决方案与相同的例子

 <!DOCTYPE html>
<html>
<script>
function getValue()
{
  var x=document.getElementById("sel");
  for (var i = 0; i < x.options.length; i++) {
     if(x.options[i].selected ==true){
          alert(x.options[i].value);
      }
  }
}
</script>
</head>
<body>
<select multiple="multiple" id="sel">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="button" value="Get Value" onclick="getValue()"/>
</body>
</html>

Answer 4

使用selectedOptions

for (var i = 0; i < x.selectedOptions.length; i++) {
    alert(x.selectedOptions[i].value);
}

如何使用javascript从列表框中获取多个选定的值和项目

问题描述

4 个解决方案

解决方案1
18 已采纳 2012-10-08 05:45:39

解决方案2
6 2012-10-08 05:45:47

解决方案3
1 2016-04-14 10:47:35

解决方案4
1 2017-02-15 16:59:29

如何使用javascript从列表框中获取多个选定的值和项目

问题描述

4 个解决方案

解决方案1 18 已采纳 2012-10-08 05:45:39

解决方案2 6 2012-10-08 05:45:47

解决方案3 1 2016-04-14 10:47:35

解决方案4 1 2017-02-15 16:59:29

解决方案1
18 已采纳 2012-10-08 05:45:39

解决方案2
6 2012-10-08 05:45:47

解决方案3
1 2016-04-14 10:47:35

解决方案4
1 2017-02-15 16:59:29