[프로젝트] javascript, jquery로 select 선택값(value) 가져오는 방법

javascript, jquery로 select 선택값(value) 가져오는 방법

 

<select id="test" class="test" name="test">
    <option value="test1">1</option>
    <option value="test2">2</option>
    <option value="test3">3</option>
    <option value="test4">4</option>
</select>

 

select option태그 안에 있는 value를 가져오는 방법

-    options[target.selectedIndex].value 사용

 

 
script에서 아래와 같이 사용하면 value값을 가지고 올 수 있다.
 
var selectOption = document.getElementById("test");
 
selectOption = selectOption.options[selectOption.selectedIndex].value;

 

아래는 사용해본 소스

 

jquery로 가져오는 방법

$("#test option:selected").val();