如何在默认情况下显示禁用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