<select multiple size=10 style='width:90' onkeypress='chkCode(this,event.keyCode)'>
<option>하라</option>
<option>이나다</option>
<option>키나다</option>
<option>파나다</option>
<option>차나다</option>
<option>시나다</option>
<option>빵나다</option>
<option>사나다</option>
<option>시나다</option>
<option>고나다</option>
<option>시나다</option>
<option>귀나다</option>
<option>있나다</option>
</select>
<SCRIPT LANGUAGE="JavaScript">
<!--
var re;
function chkCode(obj,evn){
evn=String.fromCharCode(evn).toUpperCase().charCodeAt(0)
switch(evn){
case 82:re=/[가-낗]/;break; //ㄱ
case 83:re=/[나-닣]/;break; //ㄴ
case 69:re=/[다-띻]/;break; //ㄷ
case 70:re=/[라-맇]/;break; //ㄹ
case 65:re=/[마-밓]/;break; //ㅁ
case 81:re=/[바-삫]/;break; //ㅂ
case 84:re=/[사-앃]/;break; //ㅅ
case 68:re=/[아-잏]/;break; //ㅇ
case 87:re=/[자-찧]/;break; //ㅈ
case 67:re=/[차-칳]/;break; //ㅊ
case 90:re=/[카-킿]/;break; //ㅋ
case 88:re=/[타-팋]/;break; //ㅌ
case 86:re=/[파-핗]/;break; //ㅍ
case 71:re=/[하-힣]/;break; //ㅎ
}
dataCode(obj,re)
}
var cnt2=0;
function dataCode(obj,re){
var tmpdata=new Array();
var cnt=-1;
for(i=0;i<=obj.length-1;i++){
if(re.test(obj.options[i].text.substr(0,1))) {cnt++;tmpdata[cnt]=i;}
}
tmpdata.length-1<=cnt2 ? cnt2=0:cnt2++;
obj.selectedIndex=tmpdata[cnt2]
}
//-->
</SCRIPT>
영문값의 경우 해당키를 누르면 자동 셀렉트 되는데 한글은 안되서 만들어 봤습니다.
선택되는값은 한글과 영문 혼용시 영문 우선입니다.
ime-mode 영문상태만 적용됩니다.
<option>하라</option>
<option>이나다</option>
<option>키나다</option>
<option>파나다</option>
<option>차나다</option>
<option>시나다</option>
<option>빵나다</option>
<option>사나다</option>
<option>시나다</option>
<option>고나다</option>
<option>시나다</option>
<option>귀나다</option>
<option>있나다</option>
</select>
<SCRIPT LANGUAGE="JavaScript">
<!--
var re;
function chkCode(obj,evn){
evn=String.fromCharCode(evn).toUpperCase().charCodeAt(0)
switch(evn){
case 82:re=/[가-낗]/;break; //ㄱ
case 83:re=/[나-닣]/;break; //ㄴ
case 69:re=/[다-띻]/;break; //ㄷ
case 70:re=/[라-맇]/;break; //ㄹ
case 65:re=/[마-밓]/;break; //ㅁ
case 81:re=/[바-삫]/;break; //ㅂ
case 84:re=/[사-앃]/;break; //ㅅ
case 68:re=/[아-잏]/;break; //ㅇ
case 87:re=/[자-찧]/;break; //ㅈ
case 67:re=/[차-칳]/;break; //ㅊ
case 90:re=/[카-킿]/;break; //ㅋ
case 88:re=/[타-팋]/;break; //ㅌ
case 86:re=/[파-핗]/;break; //ㅍ
case 71:re=/[하-힣]/;break; //ㅎ
}
dataCode(obj,re)
}
var cnt2=0;
function dataCode(obj,re){
var tmpdata=new Array();
var cnt=-1;
for(i=0;i<=obj.length-1;i++){
if(re.test(obj.options[i].text.substr(0,1))) {cnt++;tmpdata[cnt]=i;}
}
tmpdata.length-1<=cnt2 ? cnt2=0:cnt2++;
obj.selectedIndex=tmpdata[cnt2]
}
//-->
</SCRIPT>
영문값의 경우 해당키를 누르면 자동 셀렉트 되는데 한글은 안되서 만들어 봤습니다.
선택되는값은 한글과 영문 혼용시 영문 우선입니다.
ime-mode 영문상태만 적용됩니다.
'HTML & Script' 카테고리의 다른 글
scrollbars (2) | 2007.05.02 |
---|---|
정규식을 이용하여 id(4~12자, 첫글자는 영문만)를 체크하는 Jscript 함수 (1) | 2007.05.02 |
selectbox 선택시 페이지 이동하기 (1) | 2007.05.02 |
SelectBox (0) | 2007.05.02 |
Dynamic Select Form Sample(3단 SelectBox) (1) | 2007.05.02 |