jquery - リストで選択したオプションを取得するにはどうすればよいですか?

Question

次のドロップダウンリストがあるとしましょう。

<select id="products">
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
</select>

div特定のオプションが選択されている場合にのみ、特定のを表示したい。それらを表示および非表示にする方法は知っていますが、検出する方法がわかりません。

score 2 · Accepted Answer

ドキュメントの準備ができたら、 $("#list option:selected").text(); を実行するだけです。または .val(); 必要なものに応じて。
```
  $(document).ready(function() {   alert($("#products
  option:selected").text()); });
```
.change 関数をリストにバインドするか、onchange 関数を html にインラインで含めることができます。
```
$("#products").change(function() {
alert($("#products
 option:selected").text()); 
});
```

score 0 · Accepted Answer

これにより、選択された値が取得され、配列に格納されます。配列の最後のインデックスが最新の値になり、前の値が選択されます。

var valArr = [];
$("#products").change(function(){
    valArr.push($(this).val());
})

alert(valArr);

2 に答える 2