javascript - 下拉菜单css根据内容展开宽度

Question

我试图创建一个具有动态值的下拉菜单，基本上页面上有 5 个文本框和一个下拉菜单，下拉菜单从这些文本框中获取值。如果用户输入的文本大于下拉菜单的宽度，那么它在 IE 上会倾斜。我通过 select:hover{width:auto;position:absolute} 解决了这个问题。现在的问题是，如果用户输入的值都小于它收缩的下拉列表的原始大小，我想要一种方法，使它不会收缩并仍然扩展。有什么想法吗？？

我正在使用 dojo 和 javascript，不能使用 jquery。

Answer 1

在 JavaScript 中找到文本的最大宽度，如果它大于下拉列表的当前宽度，则将宽度更改为文本的最大宽度。

当您再次更改文本时，这将按照您的期望工作(宽度不会收缩)，因为 JavaScript 会发现文本的最大宽度小于下拉列表的宽度，因此宽度不会改变。