首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何关闭select optgroup (groupbox)?

如何关闭select optgroup (groupbox)?
EN

Stack Overflow用户
提问于 2015-03-30 16:23:09
回答 2查看 609关注 0票数 1

如何关闭select optgroup (groupbox)?我想禁用选中组复选框。

http://wenzhixin.net.cn/p/multiple-select/docs/

代码语言:javascript
运行
复制
<form action="show.php" method="post">
    <select name="test[]" multiple="multiple" id="duo">
      <optgroup label="UAE">
      <option value="18">Abu Dhabi</option>
      <option value="19">Dubai</option>
      </optgroup>
      <optgroup label="UK">
      <option value="22">Birmingham</option>
      <option value="94">Brighton</option>
      <option value="24">Leeds</option>
      <option value="99">Liverpool</option>
      <option value="21">London</option>
      <option value="85">Luton</option>
      <option value="23">Manchester</option>
      </optgroup>
    </select>
    <input type="submit" name="submit" value="submit">
    </form>

    @import url('http://wenzhixin.net.cn/p/multiple-select/multiple-select.css');
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://wenzhixin.net.cn/p/multiple-select/jquery.multiple.select.js"></script>

    <script>
        $("#duo").multipleSelect({
            placeholder: "Here is the placeholder",
            width: 200,
            selectAll: false,
            filter: true,
        });
    </script>
EN

回答 2

Stack Overflow用户

发布于 2015-03-30 16:28:01

标记optgroup接受属性disabled

代码语言:javascript
运行
复制
<select name="test[]" multiple="multiple" id="duo">
    <optgroup label="UAE" disabled>
        <option value="18">Abu Dhabi</option>
        <option value="19">Dubai</option>
    </optgroup>
</select>

Demo

参考

optgroup

票数 1
EN

Stack Overflow用户

发布于 2015-03-30 16:28:54

您应该在optgroup中添加disable属性。尝试如下所示:

代码语言:javascript
运行
复制
$('[label=UAE]').prop('disabled', 'disabled')

在HTML标记中,它必须是:

代码语言:javascript
运行
复制
<select name="test[]" multiple="multiple" id="duo">
      <optgroup label="UAE" disabled>
        <option value="18">Abu Dhabi</option>
        <option value="19">Dubai</option>
      </optgroup>
      <optgroup label="UK">
        <option value="22">Birmingham</option>
        <option value="94">Brighton</option>
      </optgroup>
</select>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29341455

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档