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

简介：

下拉框里面显示的内容过长，不可见。

而不是value的长度，是下拉框显示的文本过长。

如何悬浮，显示！如何不选中就悬浮显示。请看经验！

工具/原料：

java开发工具，下拉框

学点下拉框的使用知识

方法/步骤：

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>

注意认真看，id等等，冷静

如果帮到了你，请投我一票！谢谢！左下角，一直往下就可以找到投票。