在 iPad 中禁用选择选项字段

Question

我有一个下拉菜单，我想禁用一个选项，这样人们就无法选择它。但它似乎不适用于 iPad。你们知道解决这个问题的方法吗？

Answer 1

您是否尝试这样做：http://jsfiddle.net/akhurshid/qQG9V/

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

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>​

注意：您在<option> 标记的value 中有一个空格，即Sold Out，这就是它不起作用的原因。尝试删除空格或使用underscore _ 符号使其工作。

SEE WORKING FIDDLE

Answer 2

如果您使用的是 jQuery 1.6+，请使用 prop

.prop('disabled',true);
.prop('disabled',false);

应该使用 .prop() 方法来设置禁用和检查，而不是 .attr() 方法。