[jQuery] option selected 값 읽어오기
select 박스에서 선택한 값을 읽어오는 jQuery 코드 예제다.
selected 된 값을 표현하는 방법은 아래 3가지 모두 가능하다.
this.value;
$("#selectID option:selected").val();
$(this).find(":selected").val();
라디오버튼에서 선택할 경우
$(this).find(":checked").val();
=== 샘플 ===
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){ // html 문서를 다 읽어들인 후
$('#selectID').on('change', function(){
if(this.value !== ""){
//var optVal = $("#selectID option:selected").val();
var optVal = $(this).find(":selected").val();
alert(optVal);
}
});
});
</script>
<body>
<label>select option: </label>
<select id="selectID">
<option value="">구분</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
</select>
</body>
</html>