select下拉框内容文本过长悬浮显示两种方法

2025-10-20 04:07:50

1、//selected 悬浮显示

   $("#showApplyName").change(function(){ 

         //获取下拉框的文本值

         var checkText=$("#appId").find("option:selected").text();

         //修改title值

        $("#showApplyName").attr("title",checkText);

   });

select下拉框内容文本过长悬浮显示两种方法

2、然后将上面这段代码,放到javaScirpt里面的加载事件中。

每次改变的时候,获取select的文本值,

然后,赋值给包着select的<a id="showApplyName" title=""> </a>

#appId是,select控件的id。

title的功能就是悬浮显示。

这样,选择很长的内容之后,会隐藏,

当你鼠标悬浮的时候,就可以看到完整的内容。

select下拉框内容文本过长悬浮显示两种方法

3、select里面的值,当你去选择的时候,悬浮在上面,出现完整文本。

只要加上title就可以了。

列子如下:

<option value="" title="悬浮显示的内容">内容</option>

select下拉框内容文本过长悬浮显示两种方法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢