JQuery的选择上隐藏标签的工具提示的选项

Question

我想隐藏蒂奥选择标签的工具的onclick当drowndown展开。请让我知道有没有办法做到这一点

function showselecttip(obj) 
 
{_txt=$(obj).find("option:selected").text(); 
 
\t 
 
\t if(_txt != ""){ 
 
\t \t _txt = replaceToHTMLCodeForWritingOnJsp(_txt); 
 
\t \t Tip(_txt); 
 
\t } 
 
\t $(obj).mouseout(function() { 
 
\t \t \t UnTip(); 
 
\t \t }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
<div onmouseover="showselecttip(this)" > 
 
<select ><option title="aaaaaaaaaaaaa">aaaaaaaaaaaaa</option> 
 
    <option title="bbbbbbbbbbbb">bbbbbbbbbbbb</option> 
 
    <option title="cccccccccccc">cccccccccccc</option> 
 
    <option title="dddddddddddddd">dddddddddddddd</option> 
 
</select> 
 

 

 
</div>

Answer 1

您可以在您的html中删除options的title。那将是最好的方法。或删除title属性与JS：

$("select option").removeAttr("title");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 

 
<select> 
 
    <option title="aaaaaaaaaaaaa">aaaaaaaaaaaaa</option> 
 
    <option title="bbbbbbbbbbbb">bbbbbbbbbbbb</option> 
 
    <option title="cccccccccccc">cccccccccccc</option> 
 
    <option title="dddddddddddddd">dddddddddddddd</option> 
 
</select>