セレクトボックスサイズ変更機能を実行中サイズ属性

Question

私は選択ボックスで作業しています。私は以下のようにのように、選択ボックスを使用します。

 <select name="cars" onchange="jsFunction()"> 
      <option value="volvo">Volvo</option> 
      <option value="saab">Saab</option> 
      <option value="fiat">Fiat</option> 
      <option value="audi">Audi</option> 
      </select> 

    <script> 
    function jsFunction(){ 
     console.log($(.names).val()); 
    } 
    <script> 

コンボは以下のように見えるさ：

をこの機能が働いている私は全くのオプションを表示したいときcombobozがchenged.Butです同じ時間。しかし、私は複数のオプションの選択を使用したくない。

<select name="cars" size="4" onchange="jsFunction()"> 
     <option value="volvo">Volvo</option> 
     <option value="saab">Saab</option> 
     <option value="fiat">Fiat</option> 
     <option value="audi">Audi</option> 
</select> 

をそして、選択ボックスは、以下のように見える：そのので、私は以下のようにのようなサイズオプションを使用

そして唯一の唯一のオプションを選択することができます。しかし、私の問題は機能していません。サイズ属性を使用すると、selectboxが変更されたときに関数がトリガされません。このサイズを削除すると、関数がトリガされます。

サイズ属性を使用せずに、すべてのオプションを同時に（マルチ選択なしで）表示するにはどうすればよいですか？または、私はどのようにサイズ属性でこの関数をトリガできますか？

Answer 1

にはすべて、には何も記録しないでください。構文エラーがあります。 $(.names)には、namesの引用符が必要です。また、<select>のclassを反映する必要があります。

まず、あなたが選択するには、class namesを追加する必要があります：あなたのjQueryのDOMターゲットの周りに引用符を追加し

<select name="cars" size="4" class="names" onchange="jsFunction()"> 

そして：

function jsFunction() { 
 
    console.log($('.names').val()); 
 
}

<select name="cars" size="4" class="names" onchange="jsFunction()"> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="fiat">Fiat</option> 
 
    <option value="audi">Audi</option> 
 
</select>

：

console.log($('.names').val()); 

ここで新しいコードです

私はこのhereを紹介するフィドルを作成しました。

希望すると便利です。