我最近通过从 php 动态输出一些数据并使用 jquery 根据我的电子商务网站的库存数量禁用下拉列表中的某些选项,设法让下拉列表选择工作。
这是代码:http://jsbin.com/osipe5/2/edit
现在的问题是,我希望暂时将选择显示为单选按钮,并最终使用 css 将其设置为类似这样的样式:http://jsbin.com/uwuje (由另一个 SO 用户发布)
所以我的问题是:我应该将下拉列表完全转换为链式单选按钮选择还是执行以下操作:http://jsfiddle.net/yJTdF/ (由另一个 SO 用户发布)其中单选按钮由 jquery 生成并使用 css 隐藏下拉列表?
我担心可用性和跨浏览器问题。
非常感谢任何输入。
谢谢!
最佳答案
如果你住在progressive enhancement ,当其他一切都失败时,您呈现的标记应该仍然可用(并且在语义上有效):
- 禁用 CSS
- 禁用 JavaScript
- 不支持图片
- 屏幕分辨率低(例如移动设备)
- 没有悬停事件(触摸屏)
在这些情况下使用任何有意义的东西,并使用 jQuery 为其他人提供服务。下拉菜单可能会略微提高您在移动设备上的可用性。
关于javascript - 将下拉列表转换为单选或仅使用 javascript/jquery 来更改选择?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5136277/