コンボボックスオプションを無効にしないで選択できないようにすることはできますか？

Question

可能性の重複：
Disable select option in IOS Safari

サファリモバイルブラウザは無効=「無効」属性をサポートしていないので、したがって、私は選択ボックスのオプションが無効になって見えるようにする他の方法を探していますを介してもよいですイベントや別の方法で？

<select> 
<option value="monthly" disabled="disabled">Month</option> <!-- do not get disabled on iphone --> 
<option value="yearly">Yearly</option> 
</select> 

ありがとうございます。

Answer 1

あなたは追加することができます。

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; 
    } 
} 

テストされていないが、それは動作するはずです。ルックアンドフィールFOR

---

：

私はあなたの無効の項目を指定するためにCSSを使用することができると思います。

例：

select option[disabled] 
{ 
    background-color:#FBFBFB; 
} 

CSSをサポートすることになっていますので、それは同様にSafariで動作する可能性があります。

Answer 2

jqueryコンボボックスプラグインを使用しますか？ 私はthis oneのためにグーグルし、それはあなたの要件に合うようです。