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

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

基本上，当选择框中的一个选项有较长的文本时，它不应该显示，但它应该有一些指示或符号来表示有更多的文本，这应该在查看选择框选项时显示

---

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

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

试试这个功能：

// 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) + '...';
        }
    }
}

//缩短选项（选择元素[，最大长度]）；
功能选项（元素、最大值）{
var期权=要素期权，op，i；
最大值=最大值？最大值-3:7；
对于（i=0；imax）{
op.textContent=op.textContent.substring（0，max）+'…'；
}
}
}

只需传递一个“select”元素和一个max length

---

您可以通过检查selectedIndex并记住这些值来修改它。

您需要在jQuery/javascriptI的帮助下使用一个自定义的选择框。我已经尝试过这个选择的插件，它看起来很棒，但找不到显示。。。最后，在选项中显示长文本时，显示所有文本，但将其环绕。你能帮我弄一下吗，可以吗？