在Selectric下拉菜单中将项目扩展为最大文本长度

Question

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

就像现在一样，我可以预设最大和最小宽度，但我希望最小宽度是最长项目的最大宽度。感谢先进的帮助

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

Answer 1

虽然有点晚，但您可能想尝试inheritOriginalWidth属性：

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

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

显然，如果你的自定义电箱上有填充，边距，下拉箭头按钮等，你需要相应的CSS样式以确保一切都可见，因为inheritOriginalWidth不会考虑这些事情