HTML/JavaScriptのフォームMULIリストを選択アラートが機能していない

Question

I持って次のような形式とJavaScript：私はアイテムの数を与える警告メッセージを生成しようとしている

function test() { 
 
    var options = document.getElementById('genres1').options, 
 
    count = 0; 
 
    for (var i = 0; i < options.length; i++) { 
 
    if (options[i].selected) count++; 
 
    } 
 

 
    alert(options); 
 
}

<form> 
 
    <select name="genres" id="genres1" size="6"> 
 
\t <option value="r&b">R&B</option> 
 
\t <option value="jazz">Jazz</option> 
 
\t <option value="blues">Blues</option> 
 
\t <option value="newAge">New Age</option> 
 
\t <option value="classical">Classical</option> 
 
\t <option value="opera">Opera</option> 
 
\t </select><br><br> 
 
    <input type="button" value="How many are selected?" onclick="test();" /> 
 
</form>

リストからユーザによって選択される。私は、複数のオプションを選択できないなど、行き止まりにぶつかっています。大いに感謝します。

Answer 1

ユーザーが選択したアイテムの数が表示されない理由は、カウントを表示していないためです。 あなたはこれが間違いで、あなたはalert(count);と書いていたと思います。また、

<form> 
    <select name="genres" id="genres1" size="6" multiple> <!-- note the use of "multiple" --> 
     <option value="r&b">R&B</option> 
     <option value="jazz">Jazz</option> 
     <option value="blues">Blues</option> 
     <option value="newAge">New Age</option> 
     <option value="classical">Classical</option> 
     <option value="opera">Opera</option> 
    </select><br><br> 
    <input type="button" value="How many are selected?" onclick="test();"/> 
</form> 

を複数のオプションが異なるオペレーティングシステムとブラウザで異なる選択に注意してください：

第二に、複数のオプションを選択できるようにするために、以下のソリューションを行う必要があります

Windows用の

• ：複数 オプション

  Macの

• を選択するために、コントロール（CTRL）ボタンを押します。dホールド複数のオプション

Answer 2

を選択するには、コマンドボタンを所有し、このコードにそれが今や完全に取り組んで片付けるため

<script type="text/javascript"> 
function test() 
{ 
    count = 0; 
    var x=document.getElementById("genres1"); 
    for (var i = 0; i < x.options.length; i++) { 
    if(x.options[i].selected ==true){ 
      alert(x.options[i].value); 
      count++; 
     } 
    } 
    alert(count) 
} 
</script> 

とhtmlコード

<form> 
<select name="genres" id="genres1" size="6" multiple=""> 
<option value="r&b">R&B</option> 
<option value="jazz">Jazz</option> 
<option value="blues">Blues</option> 
<option value="newAge">New Age</option> 
<option value="classical">Classical</option> 
<option value="opera">Opera</option> 
</select><br><br> 
<input type="button" value="How many are selected?" onclick="test();"/> 
</form>