코드 사본은 다음과 같습니다.
<선택 ID = "이름"이름 = "이름"
onkeydown = "ClearSelect (this, event);"
onkeypress = "writesElect (this, event);">
<옵션 값 = ""> </옵션>
<옵션 값 = "test1"> test1 </옵션>
<옵션 값 = "test2"> test2 </옵션>
<옵션 값 = "test3"> test3 </옵션>
</선택>
<cript>
CLEARSELECT (OBJ, e) 함수
{
opt = obj.options [0];
opt.selected = "selected";
if (((e.keycode == 8) || (e.charcode == 8)) // 백 스페이스 키를 사용하여 삭제 구두의 구두 편집 기능을 구현하십시오.
{
opt.value = opt.value.substring (0, opt.value.length> 0? opt.value.length-1 : 0);
opt.text = opt.value;
}
if (((e.keycode == 46) || (e.charcode == 46)) // 삭제 키를 사용하여 구두 편집 기능을 달성하십시오.
{
opt.value = "";
opt.text = opt.value;
}
// 다른 키의 응답도 실현할 수 있습니다
}
함수 writesElect (obj, e)
{
opt = obj.options [0];
opt.selected = "selected";
opt.Value += String.FromCharCode (e.charcode || e.keycode);
opt.text = opt.value;
}
function forbidbackspace () // 백 스페이스가 이전 페이지로 돌아 오는 것을 피하기 위해이 드롭 다운 상자의 편집 기능과 충돌하려면 백 스페이스 함수를 비활성화해야합니다. forbidbackspace는 <body onkeydown = "forbidbackspace ();"로 작성할 수 있습니다.
{
if ((event.keyCode == 8) && (event.srcelement.type! = "text"&& event.srcelement.type! = "textArea"&& event.srcelement.type! = "password")
{
event.keyCode = 0;
event.returnvalue = false;
}
}
</스크립트>