JavaScript, jQuery : 셀렉트박스 값 가져오기 : 예제, 구현, 방법

JavaScript, jQuery : 셀렉트박스 값 가져오기 : 예제, 구현, 방법

 

다음 jQuery 스니펫을 사용하여 셀렉트 박스에서 선택한 옵션의 값을 가져오겠습니다. 먼저 새 jQuery 함수를 작성합니다.

function getSelectedOption(id){
     $('#' + id).val();
}

 

 

그리고, 셀렉트 박스를 만들어줍니다.

<select id="selectBox">
    <option>Select</option>
    <option>Red</option>
    <option>Blue</option>
    <option>Green</option>
    <option>Yellow</option>
    <option>Purple</option>
</select>

 

 

이제 셀렉트 박스에 대해 선택된 값을 얻기 위해 방금 만든 함수를 호출하기 만하면됩니다.

var text = getSelectedOption('selectBox');