javascript - 将下拉列表转换为单选或仅使用 javascript/jquery 来更改选择？

Question

我最近通过从 php 动态输出一些数据并使用 jquery 根据我的电子商务网站的库存数量禁用下拉列表中的某些选项，设法让下拉列表选择工作。

这是代码:http://jsbin.com/osipe5/2/edit

现在的问题是，我希望暂时将选择显示为单选按钮，并最终使用 css 将其设置为类似这样的样式:http://jsbin.com/uwuje (由另一个 SO 用户发布)

所以我的问题是:我应该将下拉列表完全转换为链式单选按钮选择还是执行以下操作:http://jsfiddle.net/yJTdF/ (由另一个 SO 用户发布)其中单选按钮由 jquery 生成并使用 css 隐藏下拉列表？

我担心可用性和跨浏览器问题。

非常感谢任何输入。

谢谢!

Answer 1

如果你住在progressive enhancement ，当其他一切都失败时，您呈现的标记应该仍然可用(并且在语义上有效):

• 禁用 CSS
• 禁用 JavaScript
• 不支持图片
• 屏幕分辨率低(例如移动设备)
• 没有悬停事件(触摸屏)

在这些情况下使用任何有意义的东西，并使用 jQuery 为其他人提供服务。下拉菜单可能会略微提高您在移动设备上的可用性。