javascript - 下拉列表宽度根据内容而变化

Question

我正在尝试使用 javascript 根据内容更改下拉列表的宽度。

示例请参见搜索部分第一页中亚马逊的下拉列表。http://www.amazon.com/ref=gno_logo

谁能帮我？

Answer 1

亚马逊使用<span>覆盖在其顶部的另一个元素，<select>其内容已更改以适合select菜单的值 - 它width: auto在此标签上使用以使其适合其内容。

所以实际上，亚马逊中的下拉列表是隐藏的，而以单独形式的“假”下拉列表span取而代之。