SELECT列表框提示

转载 2006年06月05日 17:58:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 <script>
//定义Popup
var oP=window.createPopup();
oP.document.body.style.background="beige";
//popup是否已显示
var oPShow=0;
var lineCharCount=20;
var lineCount=new Number(0);
var subLine=new String();
function showTitle(obj){
var h=event.offsetY;
var fontsize=(obj.style.fontSize==""?(obj.currentStyle.fontSize==""?"9":obj.currentStyle.fontSize):obj.style.fontSize);
fontsize=parseInt(fontsize)*1.6;
var l=parseInt(h/fontsize);
if(null!=obj.options[l]){
 lineCount=0;
 subLine=obj.options[l].text;
 
 oP.document.body.innerText="";
 do{
  if(subLine.length>lineCharCount){
   oP.document.body.innerHTML+=subLine.substr(0,lineCharCount)+"<br>";
   subLine=subLine.substr(lineCharCount,subLine.length-lineCharCount);
   lineCount+=1;
  }
 }while(subLine.length>lineCharCount)
oP.document.body.innerHTML+=subLine;
lineCount+=1;
len=lineCharCount*8;
oP.show(event.offsetX+20,event.offsetY+fontsize+5,len,lineCount*(fontsize+2),document.body);
oPShow=1;
}
}
function hideTitle(obj){
if(oPShow==1)oP.hide();
}
</script>
<title>无标题文档</title>
</head>
<body>
<form name="form1" method="post" action="">
  <div id=div1 style="overflow:auto;width:100px;">
    <select name=s1 size=7 style="width:120;height:60%" onmousemove="showTitle(this);" onmouseout="hideTitle(this);">
      <option>aaaaaaaaaaaaaaaaaaaaaa1
      <option>012345678901234567899876543210987654321074102589637410258963963258741096328574107896321450789632145098741236509874123650
      <option>cccccccccccccccccccccccc1
      <option>ddddddddddddddddddddddd1
      <option>eeeeeeeeeeeeeeeeeeeeeee1
      <option>fffffffffffffffffffffffffff1
    </select>
  </div>
 
</form>
</body>
</html>

相关文章推荐

使用struts2+jquery+ajax生成联动下拉列表框(select)

有一个这样的需求,用户在填写收货地址的时候,如果用户在第一个下拉列表框选择了“广东省”,我们希望在右边弹出一个下拉列表框,里面可以选择广东省的某个市区,如果用户在市区中选择了“广州市”,我们希望在右边...

Select下拉列表框

  • 2009年05月22日 00:54
  • 21KB
  • 下载

Select From List 下拉列表框定位

以下是我整理了最近用到的2个关键字:(后续用上其他几个,再陆续补充上来) Select From List By Value的用法: Name:  Select From List By Va...
  • hapasm
  • hapasm
  • 2016年12月12日 15:52
  • 757

Select列表框交换数据

  • 2016年11月18日 11:29
  • 7KB
  • 下载

AjAx下拉列表框(SELECT)jquery插件

首先是ajax填充插件FillOptions,这个插件可以通过ajax方法获取数据并把数据添加到下拉列表框,数据格式支持xml格式和json格式,插件定义如下 FillOptions(url,o...

利用jquery操作select下拉列表框

,功能是通过点击事件动态复制一个select到table的td中,并利用td包含的文本内容找到对应的select选中项,代码如下: HTML: 112233445566...
  • sisi789
  • sisi789
  • 2011年01月05日 11:28
  • 479

jquery操作select下拉列表框

近日在使用jquery操作select下拉列表框时遇到了一些需要注意的地方,功能是通过点击事件动态复制一个select到table的td中,并利用td包含的文本内容找到对应的select选中项,代码如...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:SELECT列表框提示
举报原因:
原因补充:

(最多只允许输入30个字)