使选择框值淡出/不可点击

时间:2009-12-10 13:48:31

标签: php javascript html

我有一个普通的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>

但是就我而言,我想做一些不可点击的选项,例如:如果可能,文本稍微淡出,如果选择了文本/值,则不会发生任何事情。

任何人都知道怎么做?

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

3 个答案:

答案 0 :(得分:4)

只需为选项标记提供“已禁用”属性。

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

因此,在此示例中,1将淡出并且不可选,但是2将是可选择的。

答案 1 :(得分:3)

IE 6需要使用javascript来禁用某个项目。有一个错误阻止它禁用单个项目。

有关如何实现此功能以便在IE6中运行的详细信息,请参阅此处: http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/

答案 2 :(得分:3)

这里有一个javascript解决方案

http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/

如果没有JS hack,就无法在IE中执行此操作。