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>
'Web 프로그램 > js, jQuery' 카테고리의 다른 글
| [jQuery] 년도와 월(月)을 선택하면 자동으로 마지막일자 변경 (0) | 2016.11.23 |
|---|---|
| [jQuery] option selected 값 읽어오기 및 Ajax 결과 받기 (1) | 2016.11.17 |
| [jQuery] 속성값 읽어오기 (0) | 2016.11.12 |
| [jQuery] option selected 속성 변경 (0) | 2016.10.23 |
| jQuery 모달(dialog) 코드 이해하기 (2) | 2016.10.11 |
Link2Me