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>

两个Select互换数据,简单实用

两个Select互换数据,简单实用 var MainSel  = null; var SlaveSel = null; var Item_org = new Array();function...
  • nuptsv_ice
  • nuptsv_ice
  • 2012年09月17日 10:31
  • 302

谈select列表框

在JSP中用到select列表框就如家常便饭般的常见!以下是我在JSP页面中对此的一些心得(通常会用到Struts Hebernate Spring):我想大概有以下几种方法可以在JSP中得到我们想要...
  • liulanghan110
  • liulanghan110
  • 2009年12月22日 15:54
  • 319

select列表框边缘阴影

在改变select样式的时候, 设置border: none;可以将边框去掉, 添加appearance:none;          -moz-appearance:none;      -...
  • qq_33203125
  • qq_33203125
  • 2017年08月04日 14:44
  • 114

angularJs操作select列表框

ng-options="v.value as v.name for v in data" //v.value相当于option的value值 //v.name为option填充显示的值 //v ...
  • u012396955
  • u012396955
  • 2017年05月27日 15:22
  • 227

select显示form表单提示文字

在做form表单下拉框时的提示性文字。html: 请选择水果 苹果 香蕉 橘子...
  • erdouzhang
  • erdouzhang
  • 2017年03月23日 13:16
  • 1216

html中select显示非option的文字:做下拉框的时候用这些文字当提示

在用select做下拉框的时候,往往在select标签左边的框里写一些提示,如“请选择年份等”,事例代码如下: 请选择年份 2010 20...
  • qq_15167261
  • qq_15167261
  • 2015年07月11日 20:58
  • 15144

multiselect插件操作多选列表框

需求:可以自由选择需要的字段,导出csv。 效果: multiselect插件源码下载及手册地址:http://loudev.com/ 1.导入jquery、multi-select.css、...
  • m0_37935476
  • m0_37935476
  • 2017年10月23日 10:43
  • 104

左右两个select列表框交换数据

Select列表框交换数据          center      {          font-size:12px;          color:red;          fo...
  • zhengjingyu810
  • zhengjingyu810
  • 2016年08月10日 17:30
  • 115

JS+CSS美化的Select列表框,

JS+CSS美化的漂亮Select列表框
  • zoika
  • zoika
  • 2009年08月28日 14:17
  • 1524

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

//定义 select 原值var oldValue,oldText;//select下拉框的onkeydown事件,修改下拉框的值function catch_keydown(sel){ switc...
  • xieyj
  • xieyj
  • 2004年03月31日 11:49
  • 2160
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:SELECT列表框提示
举报原因:
原因补充:

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