Re: select폼 요소/onchange 이벤트 핸들러...

onchange 이벤트 핸들러는 폼요소의 선택목록에서 값이 선택이 되었을 때 자바스크립트를 실행토록 하는 핸들러입니다. 폼 요소의 Select, Text, Textarea에 사용이 됩니다.. 기본형태는 onchange = "script" 아래 폼요소에서는 select 박스에서 this.options[this.selectedIndex].value 즉 해당 값을 alert(‎) 박스로 나타내도록 한 것이지요.. this는 객체 자신을 말하며 여기서는 form 자신이 됩니다. selectedIndex 는 선택된 항목번호를 뜻하며, options[인덱스번호].value는 인덱스번호에 해당되는 옵션메뉴가 갖고 있는 value값을 말합니다. 따라서 인텍스번호는 this.selectedIndex 이므로 select문의 option에서 선택한 옵션의 value값이 됩니다. 따라서 this.options[this.selectedIndex].value 의 뜻은 폼요소에서 select문내 선택되어진 값(value)을 실행하라는 것이고 이 값을 alert(‎) 문으로 실행하라고 했으므로 아래 리스트에서 서울을 선택했을 때 "서울"이란 값을 alert 박스로 띄우게 됩니다.. 다른 예를 들어보면 선택값을 색상으로 하고 해당 색상을 선택했을 때 본문의 바탕색을 선택한 색상으로 나타내도록 하려면 다음과 같이 해 줍니다 <select onChange="document.bgColor= this.options[this.selectedIndex].value"> 이렇게 하고 옵션은 <option value="색상번호(코드,이름)">색상번호(코드,이름)</option> ... 이렇게 리스트를 만들어 주면 되겠지요......... 좀 더 구체적인 부분들은 자바스크립트를 다루는 사이트등에서 이벤트와 푬요소에 대해 배워보세요.. <html> <head> <title> 리스트 박스 </title> </head> <body><center> <form name="selecter"> 대도시 : <select name="LetGo" onchange="alert(‎this.options[this.selectedIndex].value,'_self')"> <option value="서울"code=1>서울</option> <option value="부산"code=2>부산</option> <option value="인천"code=3>인천</option> <option value="대구"code=4>대구</option> <option value="광주"code=5>광주</option> <option value="대전"code=6>대전</option> <option value="울산"code=7>울산</option> </select> </form> </center> </body> </html>