셀렉트 테그(Select tag - 콤보박스 ) 에서 값 선택시
선택값을 인자로 javascript 함수 호출하기
검색화면 개발할때 날짜별 등등 옵션 선택할때 javascript 함수로 자동으로 호출할 필요가 있다.
흔히 윈도우에서 말하는 콤보박스 값을 ( 웹에선 Select tag ) 선택할때마다 선택인자를 javascript 함수로 인자를 넘겨준다.
실시간 검색할땐 ajax 를 이용하여 서버에서 값을 받아와서 구현하면 될것이다.
<!DOCTYPE html> <html> <body> <select id="salesTypeList" onchange="myFunction(this.value)"> <option value="direct" >직판</option> <option value="partner" >파트너</option> <option value="etc" >기타</option> </select> <p>셀렉트 테그의 값을 선택하면 해당 value 를 인자로 함수를 호출하는 예제.</p> <script> function myFunction(str) { alert("영업방식: "+ str + " 을 선택하였습니다." ); } </script> </body> </html>
|
실행하면,
셀렉트 상자가 나오고 해당 값을 선택하면 함수가 호출되어 아래의 메세지 박스가 나타난다.
'JSP' 카테고리의 다른 글
| 이클립스 jsp 개발중 tomcat 서버에서 Multiple Contexts have a path of 오류 발생 (0) | 2019.01.08 |
|---|---|
| 오라클 vo 쉽게 만드는 스크립트 (0) | 2018.11.13 |
| jsp 세션변수로 java bean(VO) 값 주고 받기 (0) | 2018.11.13 |
| UTF-8(한글) jsp 개발환경 세팅하기 (0) | 2018.10.23 |