如何獲取列表中的選定選項？

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