如何在默认情况下显示禁用HTMLselect选项?

我是新来的HTML和PHP,并希望从MySQL表中实现一个下拉菜单和硬编码了。 我有多个select在我的网页,其中之一是

<select name="tagging"> <option value="">Choose Tagging</option> <option value="Option A">Option A</option> <option value="Option B">Option B</option> <option value="Option C">Option C</option> </select> 

问题现在,用户也可以select“select标记”作为他的标记,但我只想提供他从三个select。 我用禁用为

 <select name="tagging"> <option value="" disabled="disabled">Choose Tagging</option> <option value="Option A">Option A</option> <option value="Option B">Option B</option> <option value="Option C">Option C</option> </select> 

但现在“选项A”成了默认选项。 所以我想设置“select标记”作为默认,也想从select禁用它。 这是做到这一点的方法吗? 同样的事情需要做其他select,将从Mysql获取数据。 任何build议将是可观的。

使用

 <option selected="true" disabled="disabled">Choose Tagging</option> 

我知道你问如何禁用这个选项,但是我认为最终用户的视觉效果和这个解决scheme是一样的,尽pipe它的资源要求可能稍低。

使用optgroup标签,如下所示:

 <select name="tagging"> <optgroup label="Choose Tagging"> <option value="Option A">Option A</option> <option value="Option B">Option B</option> <option value="Option C">Option C</option> </optgroup> </select> 

HTML5 ,要select禁用的选项:

 <option selected disabled>Choose Tagging</option> 

您可以设置默认select哪个选项,如下所示:

 <option value="" selected>Choose Tagging</option> 

我会build议使用JavaScript和JQuery观察点击事件,并禁用第一个选项后,已经被选中:首先,给这个元素一个ID像这样:

 <select id="option_select" name="tagging"> 

并select一个id:

 <option value="" id="initial">Choose Tagging</option> 

然后:

 <script type="text/javascript"> $('option_select').observe(click, handleClickFunction); 

那么你只需要创build这个函数:

 function handleClickFunction () { if ($('option_select').value !== "option_select") { $('initial').disabled=true; } } 

使用hidden

 <select> <option hidden>Choose</option> <option>Item 1</option> <option>Item 2</option> </select> 

这不会取消设置,但是您可以将其隐藏在选项中,而默认情况下会显示它。

的jsfiddle