Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 개발자
- 주니어개발자
- 오브젝트
- Linux
- docker
- 상속
- 객체지향
- 헤드퍼스트디자인패턴
- 클린코드
- 독서일지
- IntelliJ
- 성수볼거리
- 책너두
- 객체지향프로그래밍
- 디자인패턴
- 성수핫플
- 성수직장인
- 성수맛집
- 헤드퍼스트
- 직장인점심
- 직장인
- 성수
- JavaScript
- JAVA개발자
- 깨끗한코드
- 코딩
- 독서
- DesignPattern
- 책읽기
- Java
Archives
- Today
- Total
런타임노트
[JS] 셀렉트박스(select box) 변경 이벤트 처리 본문
728x90
<select id="job" name="issue_box" class="select" onchange="changeJob()">
<option th:selected="${jobCode} == '1'" name="job" value="1">전문직</option>
<option th:selected="${jobCode} == '2'" name="job" value="2">주부</option>
</select>
// value는 value값
function changeJob() {
var jobSelect = document.getElementById("job");
var selectedJob = jobSelect.options[jobSelect.selectedIndex].value; // 1
}
// text는 text값
function changeJob() {
var jobSelect = document.getElementById("job");
var selectedJob = jobSelect.options[jobSelect.selectedIndex].text; // 전문직
}
728x90
반응형
'Javascript, jQuery' 카테고리의 다른 글
| [JS 에러] Uncaught TypeError: input.getAttribute is not a function (0) | 2025.09.09 |
|---|---|
| window.onload 와 $(document).ready() 의 차이 (0) | 2023.11.15 |
| [JS] var와 let (0) | 2023.10.18 |
| [jQuery] 버튼을 눌렀을 때 같은 줄에 있는 데이터 가져오기 (0) | 2023.09.14 |
| [jQuery] undefined 와 null 차이점 및 값 체크하기 (0) | 2023.09.13 |