목록에서 선택한 옵션을 얻으려면 어떻게해야합니까?

Question

다음 드롭 다운 목록이 있다고 가정 해 보겠습니다.

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

특정 옵션을 선택한 경우에만 특정 div을 표시하고 싶습니다. 나는 그들을 보여주고 숨길 수있는 방법을 안다. 그러나 나는 어떻게 탐지해야할지 모른다.

페이지가로드

1. 선택한 옵션 및
2. 사용자가 다른 것을 선택 선택한 옵션을 선택합니다.

Answer 1

1. $ ("# list option : selected"). 텍스트(); 또는 .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);