1. select box에서 선택한 값을 가져올 때 쓰는 방법
| <html> <body> <select id = "select_value"> <option value = "1" >A</option> <option value = "2" >B</option> <option value = "3" >C</option> <option value = "4" >D</option> </select> </body> </html> |
위와 같이 A가 선택된 select box의 value값과 text값을 들고 오기 위한 코드 작성
<script>
var value_str = document.getElementById('select_value');
alert("value:" + value_str.options[value_str.selectedIndex].value +
" text:" + value_str.options[value_str.selectedIndex].text);
</script>
[결과]
2. select box에서 값이 변할 때 값을 들고 오는 방법
<html>
<body>
<select id = "select_value" onchange="ChangeValue()">
<option value = "1" >A</option>
<option value = "2" >B</option>
<option value = "3" >C</option>
<option value = "4" >D</option>
</select>
</body>
<script>
function ChangeValue(){
var value_str = document.getElementById('select_value');
alert("value:" + value_str.options[value_str.selectedIndex].value +
" text:" + value_str.options[value_str.selectedIndex].text);
}
</script>
</html>
다른 방법으로는
$('#select_value').change(function() {
var value_str = document.getElementById('select_value');
alert("value222:" + value_str.options[value_str.selectedIndex].value +
" text:" + value_str.options[value_str.selectedIndex].text);
});
이렇게 들고온 값으로 원하는 값을 처리해서 쓸 수 있다
반응형
'기타 프로그램' 카테고리의 다른 글
| [git] GitHub Desktop 으로 프로젝트를 더 간편하게 사용 (0) | 2022.02.23 |
|---|---|
| Visual Studio Code 설치하기 (0) | 2022.01.19 |
| [JavaScript] 특정 테이블 행 값 가져오기 (0) | 2021.11.11 |
| [git] push된 commit author 변경하기(커밋된 작성자 변경 방법) (0) | 2021.11.02 |
| 라즈베리파이 부팅시 파이썬 자동실행 (0) | 2021.09.27 |
댓글