javascript - 在 Selectric 下拉菜单中将元素扩展到最大文本长度

Question

我正在尝试使用 jQuery 和 Selectric 框架创建一个菜单，但我遇到了一个问题，需要一些帮助。使用此菜单，我希望下拉菜单的最小宽度是下拉选择中最大文本项的最大宽度。

就像现在一样，我可以预设最大和最小宽度，但我希望最小宽度是最长元素的最大宽度。感谢高级帮助

这是我使用的代码:http://lcdsantos.github.io/jQuery-Selectric/

Answer 1

虽然有点晚了，你还是想试试inheritOriginalWidth属性:

$('select').selectric({
    inheritOriginalWidth: true
});

这会自动使您的选择下拉菜单与原来的宽度相同 <select>元素，并且当您选择新选项时它不会响应地更改。

显然，如果您的自定义选择框上有填充、边距、下拉箭头按钮等，您需要相应地设置 CSS 样式以确保所有内容都可见，如 inheritOriginalWidth不会考虑这些事情。