[英]How to show disable HTML select option in by default?
我是 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 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 也需要做同样的事情,这将从 Mysql 获取数据。 任何建议都将是可观的。
使用
<option selected="true" disabled="disabled">Choose Tagging</option>
在HTML5
,要选择已禁用的选项:
<option selected disabled>Choose Tagging</option>
我知道你问如何禁用该选项,但我认为最终用户的视觉结果与此解决方案相同,尽管它可能略微减少了资源需求。
使用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>
Electron + React让你的两个第一选择是这样的
<option hidden="true>Choose Tagging</option>
<option disabled="disabled" default="true">Choose Tagging</option>
首先在关闭时显示第二个在列表打开时首先显示
另一个SELECT标签解决方案,适用于那些希望将第一个选项留空的人
<label>Unreal :</label> <select name="unreal"> <option style="display:none"></option> <option>Money</option> <option>Country</option> <option>God</option> </select>
selected disabled="true"
用这个。 它适用于新的浏览器
<select name="dept" id="dept">
<option value =''disabled selected>Select Department</option>
<option value="Computer">Computer</option>
<option value="electronics">Electronics</option>
<option value="aidt">AIDT</option>
<option value="civil">Civil</option>
</select>
使用“选择”哪个选项你想要 select 默认。 谢谢
使用hidden
。
<select>
<option hidden>Choose</option>
<option>Item 1</option>
<option>Item 2</option>
</select>
这不会取消它,但是默认情况下,您可以将它隐藏在选项中。
我们可以禁用这种技术。
<select class="form-control" name="option_select">
<option selected="true" disabled="disabled">Select option </option>
<option value="Option A">Option A</option>
<option value="Option B">Option B</option>
<option value="Option C">Option C</option>
</select>
如果您使用jQuery填充select元素,可以使用:
HTML
<select id="tagging"></select>
JS
array_of_options = ['Choose Tagging', 'Option A', 'Option B', 'Option C']
$.each(array_of_options, function(i, item) {
if(i==0) { sel_op = 'selected'; dis_op = 'disabled'; } else { sel_op = ''; dis_op = ''; }
$('<option ' + sel_op + ' ' + dis_op + '/>').val(item).html(item).appendTo('#tagging');
})
这将允许用户将第一个选项视为禁用标题(“选择标记”),并选择所有其他选项。
这应该有帮助.... :)
<label for="cars">Choose a car:</label>
<select name="cars" id="cars">
<option value=""selected="true" disabled="disabled"> Select</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
这将为您隐藏选项,这样更容易制作另一个下拉框
<option selected="true" disabled="disabled">Choose Tagging</option>
您可以设置默认选择的选项,如下所示:
<option value="" selected>Choose Tagging</option>
我建议使用javascript和JQuery观察click事件并在选择另一个之后禁用第一个选项:首先,给元素一个ID,如下所示:
<select id="option_select" name="tagging">
和选项id:
<option value="" id="initial">Choose Tagging</option>
然后:
<script type="text/javascript">
$('option_select').observe(click, handleClickFunction);
然后你只需创建函数:
function handleClickFunction () {
if ($('option_select').value !== "option_select")
{
$('initial').disabled=true; }
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.