17
<!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を示しています。

4

4 に答える 4

18

交換

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

  if(x.options[i].selected){
      alert(x.options[i].value);
  }
于 2012-10-08T05:45:39.827 に答える
6

次のようにjQueryを使用して実行することをお勧めします。

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

jQueryを使用したくない場合は、この回答を無視して、他の回答を参照してください。

于 2012-10-08T05:45:47.667 に答える
3

selectedOptionsを使用する

for (var i = 0; i < x.selectedOptions.length; i++) {
    alert(x.selectedOptions[i].value);
}
于 2017-02-15T16:59:29.770 に答える
1

同じ例のソリューション

 <!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>
于 2016-04-14T10:47:35.793 に答える