如果选择选项值的文本超过12个字符，请将其剪切，然后剪切三个点

Question

如果选择选项值的文本超过12个字符，我希望它被切断，然后是三个点'...'

例如：

<select>
    <option>this is a long option</option>
</select>

在选择框中，我希望它显示为“这是一个......”而不是全文。如何使用jQuery实现这一目标。

Answer 1

这可能就是你要找的东西：

$(document).ready(function(){
    $("option").text(function(i,t){
        //Optional set full text on title attr
        //$(this).attr("title", t);
        return t.length > 13 ? t.substr(0,10) + "..." : t;
    });
});

和http://jsfiddle.net/6nt76ngv/

Answer 2

在 $（文档）.ready（function {}）中插入以下内容;

$(".legend-sel option").each(function(){
if($(this).text().length > 12)
    $(this).text($(this).text().substr(0,12)+"...");
});

我认为你正在寻找这样的东西：

DEMO