jquery - 如何在列表中获取选定的选项？

Question

假设我有以下下拉列表。

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

我只想在div选择特定选项时显示 specific 。我知道如何显示和隐藏它们，但我不知道如何检测。

1. 加载页面时选择的选项，以及
2. 用户选择其他内容时的选定选项。

Answer 1

1. 在准备好文档时，您只需执行 $("#list option:selected").text(); 或 .val(); 取决于你需要什么。

     $(document).ready(function() {   alert($("#products
     option:selected").text()); });
   

2. 您可以将 .change 函数绑定到列表，也可以在 html 中内联 onchange 函数。

   $("#products").change(function() {
   alert($("#products
    option:selected").text()); 
   });
   

Answer 2

这将获取选定的值并将它们存储在一个数组中，数组的最后一个索引是最新的值，之前的值是在之前选择的：

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

alert(valArr);