2017년 5월 22일 월요일

JavaScript : select 처음, 끝일 경우 알아내기

<script language="JavaScript">
<!--
function fnEndIndex(e) {
    var frm = document.forms['sform'];

    /*
    * e.keyCode == 38 는 위로 이동 키
    * e.keyCode == 40 는 아래로 이동 키
    */
    if (frm.lang.selectedIndex == 0 && e.keyCode == 38) {
        alert("위");
    } else if (frm.lang.selectedIndex == 9 && e.keyCode == 40) {
        alert("아래");
    }
   
}
//-->
</script>

<form method=post name="sform">
<select name="lang" size="10" onkeydown="fnEndIndex(event)">
<option>01
<option>02
<option>03
<option>04
<option>05
<option>06
<option>07
<option>08
<option>09
<option>10
</select>
</form>