2017-02-02 5 views
0

私は選択ボックスで作業しています。私は以下のようにのように、選択ボックスを使用します。セレクトボックスサイズ変更機能を実行中サイズ属性

 <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> 

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

enter image description here

をこの機能が働いている私は全くのオプションを表示したいとき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> 

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

enter image description here

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

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

答えて

0

にはすべて、には何も記録しないでください。構文エラーがあります。 $(.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を紹介するフィドルを作成しました。

希望すると便利です。

関連する問題