下拉框的新特性,增加了输入、删除等新功能

王朝other·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!-- 把如下代码加入<body>区域中 -->

<!--第一步:把如下代码加入<body>区域中-->

<script language="JavaScript">

<!--

function catch_keydown(sel)

{

switch(event.keyCode)

{

case 13:

//Enter;

sel.options[sel.length] = new Option("","",false,true);

event.returnValue = false;

break;

case 27:

//Esc;

alert("text:" + sel.options[sel.selectedIndex].text + ", value:" + sel.options[sel.selectedIndex].value + ";");

event.returnValue = false;

break;

case 46:

//Delete;

if(confirm("删除当前选项!?"))

{

sel.options[sel.selectedIndex] = null;

if(sel.length>0)

{

sel.options[0].selected = true;

}

}

event.returnValue = false;

break;

case 8:

//Back Space;

var s = sel.options[sel.selectedIndex].text;

sel.options[sel.selectedIndex].text = s.substr(0,s.length-1);

event.returnValue = false;

break;

}

}

function catch_press(sel)

{

sel.options[sel.selectedIndex].text = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode);

event.returnValue = false;

}

//-->

</script>

<select name=s1 onkeydown="catch_keydown(this);" onkeypress="catch_press(this);" style="font-size:12px;"><option>---</option></select>

<BR>按回车键输入新内容,按DEL删除选中内容

<!-- 第二步:把如下代码加入<body>区域中 -->

<body onload="s1.focus();">

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航