<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="hidden" id="_input" value="alphabetagamma">
<script>
$("#_input").val();
console.log($("#_input").val());
</script>
</body>
</html>input 태그의 타입이 hidden 일 때
결과
셀렉트박스이 셀렉트할때마다 option태그의 value가져오기.
요렇게 하면 옵션태그의 value를 가져올수 있다. 바뀔(change) 때마다. 디폴트밸류는 select태그의 value를 가져오는거 거 같다.
예제소스
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<select id="select01" value="나의셀렉트">
<option value="알파">alpha</option>
<option value="베타">beta</option>
<option value="감마">gamma</option>
</select>
<script>
$(function() {
console.log($("#select01").val());
$("#select01").change(function() {
console.log($("#select01").val());
});
});
</script>
</body>
</html>
'제이쿼리' 카테고리의 다른 글
| jquery 분석 (0) | 2020.11.20 |
|---|---|
| 사용자 정의 메소드 (0) | 2020.11.09 |
| [제이쿼리] 가장 가까운 상위 요소 선택자 (0) | 2020.10.04 |
| [제이쿼리] 상위 요소 선택자 (0) | 2020.10.04 |
| [제이쿼리] 범위 제한 전체 형/동생 요소 선택자 (0) | 2020.10.04 |
