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

ASP
ASP 3.0高级编程（二十七）
ASP 3.0高级编程（二十八）
ASP 3.0高级编程（二十九）
ASP 3.0高级编程（三十）
ASP中时间函数的使用(一)
ASP中时间函数的使用(二)
ASP中时间函数的使用(三)
.NET之ASP WebApplication快速入门(1)
.NET之ASP WebApplication快速入门(2)
.NET之ASP WebApplication快速入门(3)
.NET之ASP WebApplication快速入门(4)
.NET之ASP WebApplication快速入门(5)
asp.NET特写
ASP 3.0高级编程（七）
ASP 3.0高级编程（八）
ASP.NET 入门的五个步骤
ASP 组件指南
XML 数据的编码方式
ASP 3.0高级编程（九）
ASP 3.0高级编程（十）

No. « 147 148 149 150 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-11-03   浏览: 105 ::
收藏到网摘: 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"