Question

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

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

这可能吗？

你可以看到我在这里尝试的东西......

使用...

$('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/

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

1 个答案: