欢迎光临
我们一直在努力

为 Html 的 Select 加一个提示语和输入方法-ASP教程,脚本编码

建站超值云服务器,限时71元/月

<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>

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 为 Html 的 Select 加一个提示语和输入方法-ASP教程,脚本编码
分享到: 更多 (0)

相关推荐

  • 暂无文章