javascript - 如何在选择框中隐藏较长的文本并在将其显示为选项时将其换行

Question

如何在选择框中隐藏较长的文本并在将其显示为选项时将其换行？

基本上，当Select框中的选项具有更长的文本时，它不应显示，但应该有一些指示或符号，可以说还有更多文本，在查看Select Box选项时应显示这些文本。

那么是否有任何 javascript 来管理选择框中的冗长文本选项？

Answer 1

我建议您为所有下拉选项尝试CHOSEN jQuery 插件，因为它具有强大的功能和选项。

Answer 2

试试这个功能：

// shorten_options( selectElement[, max_length] );
function shorten_options(elem, max) {
    var options = elem.options, op, i;
    max = max ? max - 3 : 7;
    for (i = 0; i < options.length; i += 1) {
        op = options[i];
        if (op.textContent.length > max) {
            op.textContent = op.textContent.substring(0, max) + '...';
        }
    }
}

只需传递一个“选择”元素和一个最大长度。

您可以通过检查 selectedIndex 并记住值来根据自己的喜好进行修改。