일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
29 | 30 | 31 |
Tags
- ReactJS
- Spring Batch
- jsp
- Spring
- ubuntu
- 요리
- laravel
- Git
- Gradle
- javascript
- Oracle
- db
- devops
- Design Patterns
- php
- elasticsearch
- Spring Boot
- java
- MySQL
- 맛집
- redis
- JVM
- springboot
- AWS
- IntelliJ
- Web Server
- linux
- it
- jenkins
- tool
Archives
- Today
- Total
아무거나
select box onChange를 이용하여 id값 및 선택한 option value값 얻어오기 본문
Javascript & HTML & CSS/HTML
select box onChange를 이용하여 id값 및 선택한 option value값 얻어오기
전봉근 2019. 6. 7. 22:06반응형
아래와 같은 코드가 있다.
<select id="text_id" onChange="test.testFunction(' + id + ', this.value)">
<option value="1" selected>테스트1</option>
<option value="2">테스트2</option>
<option value="3">테스트3</option>
</select>
function test.TestFunction(id, selectVal) {
console.log('id: ' + id);
console.log('selectVal: ' + selectVal);
}
여기서 onChange기능에 test.testFunction 함수를 사용하여 선택한 select box의 값을 해당 함수의 매개변수로 전달하려고 한다.
그러기 위해선 this.value 함수를 사용하여 전달하면 된다.
반응형
'Javascript & HTML & CSS > HTML' 카테고리의 다른 글
[html5 / html4] 모바일웹 이미지/갤러리 제어 accept 속성 (0) | 2019.12.24 |
---|---|
html에서 카메라 호출하는 태 (0) | 2019.12.24 |
파일 첨부 시 특정 확장자만 보이게 하기 (0) | 2019.12.24 |
href 속성에 javascript void:(0) 사용하는 이유 (0) | 2019.12.24 |
[HTML5] LocalStorage와 SessionStorage (0) | 2019.01.09 |
Comments