<html>
<head>
<script language="javascript">
<!–
//定义 select 原值
var oldvalue,oldtext;
//select下拉框的onkeydown事件,修改下拉框的值
function catch_keydown(sel)
{
switch(event.keycode)
{
case 13: //回车键
event.returnvalue = false;
break;
case 27: //esc键
sel.options[sel.selectedindex].text = oldtext;
sel.options[sel.selectedindex].value = oldvalue;
event.returnvalue = false;
break;
case 8: //空格健
var s = sel.options[sel.selectedindex].text;
s = s.substr(0,s.length-1);
if (sel.options[sel.selectedindex].value==sel.options[sel.selectedindex].text)
{
sel.options[sel.selectedindex].value=s;
sel.options[sel.selectedindex].text=s;
}
event.returnvalue = false;
break;
}
if (!event.returnvalue && sel.onchange)
sel.onchange(sel)
}
//select下拉框的onkeypress事件,修改下拉框的值
function catch_press(sel){
if(sel.selectedindex>=0){
var s = sel.options[sel.selectedindex].text + string.fromcharcode(event.keycode);
if (sel.options[sel.selectedindex].value==sel.options[sel.selectedindex].text)
{
sel.options[sel.selectedindex].value=s;
sel.options[sel.selectedindex].text=s;
}
event.returnvalue = false;
if (!event.returnvalue && sel.onchange)
sel.onchange(sel)
}
}
//select下拉框的onfocus事件,保存下拉框原来的值
function catch_focus(sel) {
oldtext = sel.options[sel.selectedindex].value;
oldvalue = sel.options[sel.selectedindex].value;
}
//恢复select下拉列表当前选中的值
function loadselect(obj,value)
{
for (var i=0; i< obj.options.length; i++)
if (obj.options[i].value == value)
{
obj.selectedindex = i;
break;
}
}
//select 选择框鼠标上移时提示选择的内容
function selmouseover(obj)
{
with (document.all.div_hint)
{
innertext = obj.options[obj.selectedindex].text;
if (innertext.length > 0)
{
innertext = " " + innertext + " ";
style.display = "block";
style.left = event.clientx + 16;
style.top = event.clienty;
}
}
}
//select 选择框鼠标移开时消失
function selmouseout(obj)
{
with (document.all.div_hint)
{
style.display = "none"
}
}
//–>
</script>
</head>
<body>
<!–调用–>
<select style=width:130px;z-index:-1 name=tmpsel onmouseover=selmouseover(this) onmouseout=selmouseout(this) onkeydown=catch_keydown(this) onkeypress=catch_press(this) onfocus=catch_focus(this)>
<option value=></option>
</select>
<!–提示块–>
<div id=div_hint style="font-size:12px;color:red;display:none;position:absolute; z-index:2; top:200;background-color: #f7f7f7; layer-background-color: #0099ff; border: 1px #9c9c9c solid;filter:alpha(style=0,opacity=80,finishopacity=100);"></div>
</body>
</html>
