jquery - 如果选择选项文本长度大于 10 则修剪 jQuery

Question

我的网站上有一个选择/下拉菜单，宽度为 150 像素，一些选项值非常长，我的问题是，如果我选择一个长选项，它会在我的选择中切断。

我想以某种方式说，在更改时，修剪显示的值，使其只有 10 个字符并附加“...”

这可能吗？

你可以看到我在这里一直在尝试什么......

http://jsfiddle.net/yjeAN/1/

和...

$('select').change(function(){
    if($(this).val().length() >= 10){ 
        alert('long title');
    }
});

Answer 1

你可以这样做：

$('select').change(function(){
    if(this.value.length >= 10){ 
        console.log('long title');

        //trimming
        var trim = $.trim(this.value).substring(0, 10) + "...";
        alert(trim);

        //Set the text in the select
        $(this).find("option:selected").text(trim);
    }
});

演示：http: //jsfiddle.net/yjeAN/3/