如何在移动 Safari 的下拉列表中禁用选择选项 [重复]

Posted 2023-03-14

【中文标题】如何在移动 Safari 的下拉列表中禁用选择选项 [重复]

【英文标题】：How to disable an select option in drop down list on mobile Safari [duplicate]

【发布时间】：2011-06-23 04:51:10

【问题描述】：

可能重复：Disable select option in ios Safari

我们如何禁用 in ？我将“禁用”属性设置为“禁用”，但这不起作用。我正在使用 display:none 但这也不起作用。请指教。谢谢。

【问题讨论】：

你的问题有点不清楚。尝试改写问题或给出特定代码 sn-p 来说明您的问题

我在问如何禁用 中的 （使其变灰）。 似乎不起作用。

我已经回答了一个明确的解决方案（至少对我来说），这个问题被标记为重复：***.com/a/31496732/1920145

【参考方案1】：

这段代码sn-p适用于所有不错的浏览器（阅读：Safari、Chrome、Firefox），我也在IE8中成功尝试过：

<select>
  <option value="1">Option one</option>
  <option value="2">Option two</option>
  <option value="3" disabled="disabled">Option 3 (should be disabled)</option>
  <option value="4">Option four</option>
  <option value="5">option five</option>
</select>

……最终结果是所有选项都列出了，但选项三是灰色的，无法选择。你看到了什么行为？在什么浏览器中？

编辑：OP 澄清了重新使用不支持 disabled 属性的移动 Safari，因此对于使用该浏览器（和类似浏览器）的设备的建议是完全删除该选项。

【讨论】：

我使用 javascript 将选项设置为“禁用”。它在 FF、Chrome 等中被禁用。但是，在 Mobile Safari 上，它不是灰显的，仍然可以选择。

好的，您在原始帖子中没有提到任何内容，您也没有提供代码，所以我们真的帮不上忙。

我使用了像 $("select option").attr("disabled", "disabled") 这样简单的东西，但它在移动 Safari 上不起作用。这些选项没有变灰，仍然可以选择。

看起来您遇到的问题与此问题相同：***.com/questions/6109085/… Mobile Safari 不支持禁用状态。我会更改 Javascript（至少适用于 iOS 浏览器），而不是禁用没有任何效果的选项，而是简单地删除它。

谢谢本。至少很高兴知道 disabled="disabled" 在 Mobile Safari 中不起作用。