首页 > 使用ul模拟select下拉菜单的问题

使用ul模拟select下拉菜单的问题

使用ul模拟下拉菜单select

<select>
<option>文字1</option>
<option>文字1文字1</option>
<option>文字1文字1文字1</option>
</select>

当select中option的内容宽度不同的时候,select会自动调整其宽度以适应最大option的宽度,请问使用ul、div等其他的元素如何实现这种功能?


使用这个模拟下拉列表的插件吧,https://github.com/shenmiweiyi/selectlist


比较笨的办法是用js获取最宽的li的宽度,再赋值给其他兄弟元素。


css容易做到的是让所有的选项的宽度一致,但是很难做到选项展示选择结果的容器的宽度一致。
这个用js获取选项容器的宽度然后将该值给展示选择结果的容器即可.

【热门文章】
【热门文章】