如何在列表中获取所选选项？

Question

假设我有以下下拉列表。

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

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

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