我的 HTML 遇到了一些问题下拉菜单，当它们显示在 iPhone 或 Android 浏览器中时。我经常需要渲染标签很长，例如
[账户类型] [欧元] - [客户] - CH12 3456 7890 1234 5678 9
在 Android 上，这将呈现类似这样的内容：
iPhone 上的情况更糟。虽然我喜欢原生的外观和感觉，但裁剪标签是不行的。用红色圈出，您会发现下拉列表本身是如何呈现的。我可以忍受这一点。但是，当我单击它时，请查看出现的蓝色弹出窗口。用户将永远找不到他的数据......
请在回答之前...
...考虑以下几点：
- 我可以缩写一些信息，但在选择中仍然会出现带有长选项标签的情况。所以无需告诉我 IBAN 可以缩写等。
- 我不能依赖 CSS 样式 or 元素。
- 用户猎人已经提出了 tag here https://stackoverflow.com/questions/4554831/html-select-element-is-abbreviated-too-much-in-iphone-or-android-browsers#4554858。这是一个非常好的主意，也是一个小解决方法，但这还不够，因为 IBAN 仍然会被 iPhone 和 Android 浏览器裁剪:-(
- 我已经知道非常好看了jQuery UI 选择菜单原型 http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/。不幸的是，它尚未与 jquery-ui 1.8.5 兼容，并且不能保证它何时稳定。
- 我正在使用 jquery 和 jquery-ui 1.8.5，因此非常欢迎任何对插件的想法/参考。
- 任何其他想法来规避这个问题一般来说受欢迎的。
您可以创建群组吗？options 尽量减少冗余文本？
<option value="-1">[AccountType] [EUR] - [Customer]</option>
<option value="1">CH12 3456 7890 1234 5678 9</option>
<option value="2">CH10 1111 2222 3333 4444 5</option>
然后使value="-1"使用 jQuery 无法选择
或者你可以使用optgroup组织要素
<optgroup label="[AccountType] [EUR] - [Customer]">
<option value="1">CH12 3456 7890 1234 5678 9</option>
<option value="2">CH10 1111 2222 3333 4444 5</option>
</optgroup>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
