当前位置: 首页 > 图文教程 > 网络编程 > ASP > 为Html 的Select 加一个提示语和输入方法

ASP
微软建议的ASP性能优化28条守则(6)
微软建议的ASP性能优化28条守则(7)
微软建议的ASP性能优化28条守则(8)
微软建议的ASP性能优化28条守则(9)
用ASP建立站内搜索
ASP开发中数据库文件调用(1)
ASP开发中数据库文件调用(2)
ASP开发中数据库文件调用(3)
基于ASP的编程常见问题
asp编写的加密和解密类
模似windows XP 左侧的菜单效果(1)
模似windows XP 左侧的菜单效果(2)
模似windows XP 左侧的菜单效果(3)
web应用程序中的数据库连接(1)
web应用程序中的数据库连接(2)
ASP.net中md5加密码的方法
不能使用asp标记的时候的一个解决办法
asp 用存储过程实现数据分页
ASP 五大高效提速技巧
ASP＋Access的安全隐患及对策

No. « 121 122 123 124 »

技术文章搜索

关键字

ASP 中的 为Html 的Select 加一个提示语和输入方法

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-11-03   浏览: 46 ::
收藏到网摘: n/a

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