您的位置：首页 > 运维架构

让Dropdownlist拥有Tooltip属性

2008-01-25 11:58 274 查看
需求：现在遇到这样一个实例：DropdowList控件占用的宽度只有100px，而数据信息占用宽度有150px以上，在不允许提高宽度的前提下我们只有通过ToolTip属性来得以扩展，方便用户识别各个选项的差异性。在这里我觉得用javascript来实现显得格外的方便.【该段为转载】

代码：


<HTML>


<HEAD>


<TITLE> New Document </TITLE>




<script language="javascript" type="text/javascript">...


//该脚本来自网络


function showdropitem()




...{


var el = document.getElementsByTagName("select");


for(i=0;i<el.length;i++)




...{


for(j=0;j<el[i].options.length;j++)




...{


el[i].options[j].title = el[i].options[j].text;


}


}


}


</script>


</HEAD>


<BODY onload="showdropitem()">


<select name="selOperator" id="selOperator" >


<option value="501" selected>sina</option>


<option value="503">sohu</option>


<option value="505">yahoo</option>


<option value="510">chianren</option>


</select>


</BODY>


</HTML>







注意：这里给出了一个应用的例子，是HTML的应用，在ASP.net中不需要对脚本进行修改，直接移植即可；同时应该注意该段代码在IE7下是通过的，在IE6下有点问题。

该javascript脚本来自http://blog.csdn.net/tz_xiong/archive/2007/08/27/1761286.aspx
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航