是否可以在不禁用組合框選項的情況下取消選擇？

可能重複：
Disable select option in IOS Safari 是否可以在不禁用組合框選項的情況下取消選擇？

由於Safari瀏覽器的手機瀏覽器不支持禁用=「禁用」屬性，因此我正在尋找其他方法，使選擇框選項照看殘疾可能是通過事件或其他方式？

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

謝謝。

來源

2012-01-15 Mr Coder

這不是一個漂亮的解決方案，所以我不會建議它作爲答案，但是您可以使用單選按鈕和單獨的組。這將像複選框一樣工作，只能選中而不能取消選中。這很粗糙，我不會推薦它，但它是一個選項。 – 2012-01-15 16:13:19

@MindWorX我不想將元素改爲radio btn，所以請發佈任何解決方案（很好或不會），它會幫助完整。謝謝。 – 2012-01-15 16:20:07

你可以添加一個：

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上正常工作。

來源

2012-01-15 16:21:13

你是否願意使用jquery組合框插件？我搜索了this one，它似乎符合您的要求。

來源

2012-01-15 16:24:44 Daniel

是否可以在不禁用組合框選項的情況下取消選擇？

回答

相關問題