禁用iPad中的选择选项字段

时间:2012-08-01 05:47:20

标签: jquery html web-deployment

我有一个下拉菜单,我想禁用一个选项,以便人们无法选择它。但它似乎无法在iPad上运行。你们知道解决这个问题吗?

2 个答案:

答案 0 :(得分:0)

如果您使用的是jQuery 1.6 +

,请使用prop
.prop('disabled',true);
.prop('disabled',false);
  

应该使用.prop()方法来设置disabled和checked而不是.attr()方法。

答案 1 :(得分:0)

您是否尝试执行以下操作:http://jsfiddle.net/akhurshid/qQG9V/

在您要禁用的disabled="disabled"标记内使用<option>

<强> HTML

<select>
    <option disabled="disabled">This is disabled</option>
    <option>test value 1</option>
    <option>test value 2</option>
</select>​

编辑:

使用Jquery:

$("select option[value*=Sold_Out]").prop('disabled',true);​

<强> HTML:

<select>
    <option value="Sold_Out">This is disabled</option>
    <option>test value 1</option>
    <option value="Sold_Out">test value 2</option>
</select>​

注意: value标记的<option>中有一个空格,即Sold Out,这就是它无效的原因。尝试删除空格或使用underscore _符号使其正常工作。

SEE WORKING FIDDLE