Php 使选择框值淡出/不可拾取

我有一个普通的HTML选择下拉框

<select id="day" name="day">
<option value="0">All</option>
<option value="1">Mon</option>
<option value="2">Tue</option>
<option value="3">Wed</option>
<option value="4">Thu</option>
<option value="5">Fri</option>
</select>

全部的
周一
星期二
结婚
清华大学
星期五

但有时我想使一些选项不可单击，例如，如果可能，文本会稍微淡出，如果选择了文本/值，则不会发生任何事情

<select id="day" name="day">
<option value="0">All</option>
<option value="1">Mon</option>
<option value="2">Tue</option>
<option value="3">Wed</option>
<option value="4">Thu</option>
<option value="5">Fri</option>
</select>

有人知道怎么做吗

<select id="day" name="day">
<option value="0">All</option>
<option value="1">Mon</option>
<option value="2">Tue</option>
<option value="3">Wed</option>
<option value="4">Thu</option>
<option value="5">Fri</option>
</select>

---

我正在用PHP编写我的页面。

只需给选项标记一个属性“disabled”

<select id="day" name="day">
<option value="0">All</option>
<option value="1">Mon</option>
<option value="2">Tue</option>
<option value="3">Wed</option>
<option value="4">Thu</option>
<option value="5">Fri</option>
</select>

<select>
<option value="1" disabled>1</option>
<option value="2">2</option>
</select>

1.
2.

---

因此，在本例中，1将淡出且不可选择，但2将可选择。

IE6需要javascript来禁用项目。有一个bug阻止它禁用单个项目

<select id="day" name="day">
<option value="0">All</option>
<option value="1">Mon</option>
<option value="2">Tue</option>
<option value="3">Wed</option>
<option value="4">Thu</option>
<option value="5">Fri</option>
</select>

有关如何实现此功能以使其在IE6中运行的详细信息，请参见此处：

---

这里有一个javascript解决方案

<select id="day" name="day">
<option value="0">All</option>
<option value="1">Mon</option>
<option value="2">Tue</option>
<option value="3">Wed</option>
<option value="4">Thu</option>
<option value="5">Fri</option>
</select>

<select id="day" name="day">
<option value="0">All</option>
<option value="1">Mon</option>
<option value="2">Tue</option>
<option value="3">Wed</option>
<option value="4">Thu</option>
<option value="5">Fri</option>
</select>

---

不幸的是，在IE中，如果没有JS黑客，就无法做到这一点。

噢。您希望禁用选项，而不是整个选择框。我删除了我的答案，因为我误解了这个问题。如果可以接受的话，我之前已经为此编写了jQuery解决方案。不幸的是，我没有一个纯JS补丁。我使用的是IE7，但它不起作用。有人知道一个替代方案或者如何解决这个问题吗？如果你声明你的页面是这样的，那么这不是有效的XTML。改用

disabled=“disabled”

。浏览器可能会正确地呈现它（当然，除了IE之外），但它可能会在某个地方引起问题。好的，谢谢大家。我希望很快就能看清楚。看来这将是解决办法。

<select id="day" name="day">
<option value="0">All</option>
<option value="1">Mon</option>
<option value="2">Tue</option>
<option value="3">Wed</option>
<option value="4">Thu</option>
<option value="5">Fri</option>
</select>