2012-08-01 27 views
0

我有一個下拉菜單,我想禁用一個選項,以便人們不能選擇它。但它似乎不適用於iPad。你們知道解決這個問題的方法嗎?在iPad中禁用選擇字段

+0

您必須提供代碼或JSFiddle。這應該工作。 – jeff 2012-08-01 05:48:57

+0

您是否正在嘗試'.prop(「disabled」,true)'? http://jsfiddle.net/vuq2d/ – nbrooks 2012-08-01 05:51:39

+0

@Udara Uragoda:請參閱下面的答案。 – 2012-08-01 06:15:30

回答

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

注:你有一個<option>標籤的valueSold Out的空間,這就是爲什麼它不工作。嘗試刪除空間或使用underscore _符號使其工作。

SEE WORKING FIDDLE

+0

Im使用這個$(「select option [value * ='Sold Out']」)。prop('disabled',true); – nasty 2012-08-01 06:57:12

+0

謝謝,但是如果你看看http://jsfiddle.net/akhurshid/qQG9V /在ipad上,你仍然可以選擇「This is disabled」選項。 – nasty 2012-08-01 07:00:31

+0

@Udara Uragoda:你有一個值爲'Sold Out'的空間,不能接受嘗試使用'underscore _'符號或者沒有空格'Sold_Out'看到這個演示:http://jsfiddle.net/akhurshid/uZ5We/1/ – 2012-08-01 07:05:32

0

使用的道具,如果你正在使用jQuery 1.6+

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

的.prop()方法應該被用來設置殘疾人和檢查,而不是.attr()方法。

+0

謝謝。我試過了,但沒有運氣。 :( – nasty 2012-08-01 07:23:31

相關問題