由于safari移动浏览器不支持disabled =“disabled”属性,因此我正在寻找其他方法使选择框选项看起来禁用可能是通过事件或其他方式?
<select>
<option value="monthly" disabled="disabled">Month</option> <!-- do not get disabled on iphone -->
<option value="yearly">Yearly</option>
</select>
感谢。
答案 0 :(得分:2)
您可以添加:
onchange="selectValidate(this, 1)"
到您的HTML,然后在javascript:
function selectValidate(refSelect, defaultIndex)
{
if(refSelect.options[refSelect.selectedIndex].hasAttribute("disabled"))
{
alert("You can't select that value");
refSelect.selectedIndex=defaultIndex;
}
}
未经测试但应该可以使用。
为了看起来和感受:
我认为您可以使用CSS指定已禁用的项目。
示例:
select option[disabled]
{
background-color:#FBFBFB;
}
它也适用于Safari,因为它应该支持CSS。
答案 1 :(得分:0)
您是否愿意使用jquery组合框插件? 我用Google搜索了this one,它似乎符合您的要求。