Javascript

Javascript - select value 가져오기

정리하고기록하자 2022. 9. 16. 14:52
반응형
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script type="text/javascript">
    function selectValueChange(){
        var selectValue = document.getElementById('selectItem').value;
        console.log(selectValue)
    }
    </script>
    <th>사과</th>
	<td>
	    <select id="selectItem" onchange="selectValueChange()">
	        <option value="">--선택하세요--</option>
	        <option value="1">한개</option>
	        <option value="2">두개</option>
	        <option value="3">세개</option>
	    </select>
	</td>
</body>
</html>

<body> 태그 안에 <select> 태그를 추가 하고 onchange 이벤트를 추가 했다.

<select>

- 위에 html를 Open in Brower 를 했을 때 ( 저는 Sublime Text 를 사용 합니다. )

<select> 에서 선택 했을때

 

이렇게 <select> 태그에 입력한 value 값을 가져온다.

반응형