堆栈内存溢出
  简体   繁体   English

下拉列表根据内容的宽度变化

[英]drop down list width change depending on the content

 原文  2013-05-05 22:12:25  1   1    javascript

问题描述

I am trying to change the width of a drop down list depending on the content by using javascript. 我试图通过使用javascript根据内容更改下拉列表的宽度。

Example see amazon's drop down list in the first page in search section. 请参见搜索部分首页中的亚马逊下拉列表示例。 http://www.amazon.com/ref=gno_logo http://www.amazon.com/ref=gno_logo

Can anyone help me? 谁能帮我？

1 个解决方案

解决方案1
 1  2013-05-05 22:16:36

Amazon uses another <span> element overlayed on top of the <select> which has its content changed to fit the select menu's value - and it uses width: auto on this tag to fit it to its contents. 亚马逊使用另一个<span>元素覆盖在<select>顶部，其内容已更改为适合select菜单的值-并且它使用width: auto在此标签上使其适合其内容。

So in effect, the drop-down list in Amazon is hidden while a "fake" drop-down in the form of a separate span takes its place. 因此，实际上，隐藏了Amazon的下拉列表，而以单独的span形式的“假”下拉列表代替了它。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 根据另一个下拉列表更改下拉列表值 - Change drop down list values depending on another drop down list 根据另一个下拉列表中的所选选项更改下拉列表中的项目 - Change items in a drop-down list depending on the selected option in another drop-down list 根据另一个选定的下拉列表更改下拉列表中的选项 - Change options in a drop-down list depending on another selected drop-down list 需要更改下拉菜单的宽度，具体取决于嵌套ul的数量 - Need to change the width of the drop-down menu, depending on the number of nested ul 根据下拉列表中的选择显示div的内容 - Showing content of div depending on selection in drop down jQuery第二个下拉列表，取决于第一个下拉列表没有变化 - Jquery second drop down depending on the first drop down does not change 如何根据下拉菜单更改页面大小？ - How to change page size depending on drop down? 下拉特定列表中的内容 - drop down content on a particular list 一个下拉列表内容取决于另一个 - One drop down list contents depending on another 根据下拉列表值更改HTML表格单元格的背景颜色？ - Change background color of HTML table cell depending on drop-down list value?
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM