[jQuery] 제이쿼리 셀렉트박스(selectbox)값 가져오기 해결
안녕하세요. 오늘은 selectbox 값 가져오는법을 알아볼게요.
제이쿼리는 id 와 name으로 제어가 가능하죠.
아이디로 셀렉트박스 값 가져오기
$("#아이디 option:selected").val()
네임으로 셀렉트박스 값 가져오기
$("select[name=네임]").val()
아래는 ID,NAME으로 select 값을 가져오는 예제 소스 입니다.
<body>
<select id="fruit" name="fruit">
<option value="사과">사과</option>
<option value="포도">포도</option>
<option value="바나나">바나나</option>
<option value="참외">참외</option>
</select>
<button type="button" onclick="getItem()">데이터가져오기</button>
</body>
<script type="text/javascript">
function getItem(){
//id로 셀렉트값 가져오기
$("#fruit option:selected").val();
//name으로 셀렉트값 가져오기
$("select[name=fruit]").val();
//사과 출력
}
</script>
아래는 selectbox의 value가 아닌 text를 가져와볼게요.
option value의 값이 아닌 option의 텍스트를 가져오는거에요.
.text()를 통해서 가져올수 있습니다.
$("#아이디 option:selected").text()
<body>
<select id="fruit" name="fruit">
<option value="apple">사과</option>
<option value="grape">포도</option>
<option value="banana">바나나</option>
<option value="멜론">멜론</option>
</select>
<button type="button" onclick="getItem()">데이터가져오기</button>
</body>
<script type="text/javascript">
function getItem(){
//id로 셀렉트 텍스트 가져오기
$("#fruit option:selected").text();
// 사과 출력
}
</script>