고정 헤더 영역
상세 컨텐츠
본문
반응형
html의 select 값을 가져오는 예제를 작성해 보겠습니다.
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(document).on("change","select[name=books]",function(){
var bookId = $("select[name=books] option:selected").val();
var bookText = $("select[name=books] option:selected").text();
alert(bookId+" : "+bookText);
});
});
</script>
</head>
<body>
<select name="books">
<option value="">선택</option>
<option value="A1">홍길동전</option>
<option value="B1">레미제라블</option>
</select>
</body>
</html>
반응형
'JavaScript & HTML' 카테고리의 다른 글
| location.href 새창 (0) | 2015.07.28 |
|---|---|
| jQuery UI datepicker 옵션들 (0) | 2015.07.24 |
| javascript 삼항연산자, 체크박스 체크여부 (checkbox true false) (0) | 2015.06.25 |
| jquery each break (루프 밖에서는 'break'을 사용할 수 없습니다.) (0) | 2015.06.24 |
| 마우스 오버 이미지 미리보기 (썸네일 확인) (0) | 2015.06.22 |
댓글 영역