select下拉框内容文本过长悬浮显示两种方法
1、//selected 悬浮显示
$("#showApplyName").change(function(){
//获取下拉框的文本值
var checkText=$("#appId").find("option:selected").text();
//修改title值
$("#showApplyName").attr("title",checkText);
});
2、然后将上面这段代码,放到javaScirpt里面的加载事件中。
每次改变的时候,获取select的文本值,
然后,赋值给包着select的<a id="showApplyName" title=""> </a>
#appId是,select控件的id。
title的功能就是悬浮显示。
这样,选择很长的内容之后,会隐藏,
当你鼠标悬浮的时候,就可以看到完整的内容。
3、select里面的值,当你去选择的时候,悬浮在上面,出现完整文本。
只要加上title就可以了。
列子如下:
<option value="" title="悬浮显示的内容">内容</option>
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:77
阅读量:58
阅读量:103
阅读量:59
阅读量:195