`
836811384
  • 浏览: 548901 次
文章分类
社区版块
存档分类
最新评论

html 中 select optgroup 标签

 
阅读更多

偶然需要对 select 内容进行分组,以往都是用程序控制,今天发现 select 中还有一个 optgroup 属性可以用。

经测适用于 firefox 和 ie等浏览器。目前发现唯一不足 的是不能对 group 后的标题样式进行自定义。比如:想改一下字体属性,想用个正常体是不行的,不过颜色和大小可以改。在 ie 下默认是 斜体、加粗

<select name="bid" id="brand_3">
<option value="">请选择品牌</option>
<optgroup label="A"></optgroup>
<option value="693" custom="693">A AC宝马</option>
<option value="62" custom="62">A 阿斯顿马丁</option>
<option value="1" custom="1">A 奥迪</option>
<optgroup label="B"></optgroup>
<option value="723" custom="723">B 巴博斯</option>
<option value="44" custom="44">B 保时捷</option>
<option value="582" custom="582">B 宝骏</option>
<option value="20" custom="20">B 宝马</option>
<option value="593" custom="593">B 北京汽车</option>
<option value="643" custom="643">B 北汽威旺</option>
<option value="122" custom="122">B 北汽制造</option>
<option value="4" custom="4">B 奔驰</option>
</select>



分享到:
评论

相关推荐

    html中select optgroup标签使用介绍

    偶然需要对select 内容进行分组,以往都是用程序控制,今天发现 select 中还有一个 optgroup 属性可以用,试用心得如下,感兴趣的朋友可以参考下哈

    重写 DropDownList 添加optgroup

    重写 DropDownList 添加optgroup以及为ListItem 加式样(例如 背景色,前景色等)

    HTML非常用标签 optgroup、sub、sup和bdo示例代码

    HTML标签之optgroup、sub、sup和bdo的用法与示例代码,需要的朋友可以参考下。

    Struts2+API+标签全解+网页说明

    optgroup标签:生成一个下拉列表框的选择组,下拉列表框中可以包含多个选择组。 token标签:防用户多次提交表单。 textarea标签:文本域。 updownselct标签:支持选项内容的上下移动。 password表单:密码表单域...

    NET SmartControls 分页控件

    扩展DropDownList控件和ListBox控件- 支持分组功能(optgroup标签) DropDownList(ListBox)控件既强大又好用。为了让它更强大、更好用,我们来写一个继承自DropDownList(ListBox)的控件。 扩展DropDownList控件和...

    SmartControls控件扩展Demo源码

    扩展DropDownList控件和ListBox控件- 支持分组功能(optgroup标签) DropDownList(ListBox)控件既强大又好用。为了让它更强大、更好用,我们来写一个继承自DropDownList(ListBox)的控件。 扩展DropDownList控件和...

    HTML教程,认识optgroup元素

    select的分类选择,经测试IE和FF都能很好的支持该元素 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;&lt;html xmln

    select2-to-tree:Select2-to-Tree扩展了Select2以支持任意级别的嵌套。

    选择2到树 Select2-to-Tree是对Select2(一个流行的选择框库)的扩展... 然后,在HTML文档中,添加Select2库( *.js文件和*.css文件,当前版本为4.0+)和Select2-to-Tree库( *.js文件和*.css “ src ”文件夹中的*.css

    html option禁用选择 select禁用选项示例

    复制代码代码如下: &lt;select&gt; ””&gt;1&lt;/option&gt; ””&gt;2&lt;/option&gt; ””&gt;3&lt;/option&gt; ””&gt;4&lt;/option&gt; ””&gt;5&lt;/option&gt; &lt;... ””&gt;1&lt;/option&gt; ””&gt;2&lt;/option&gt; &lt;optgroup label=”3″&gt;&lt;/optgroup&gt;

    SmartControls控件扩展Demo源码.rar

    GridView/DropDownList/TreeView/ListBox的扩展 扩展GridView控件: 自定义分页样式。显示总记录数、每页记录数、当前页数、总页数、首页、上一页...扩展DropDownList控件和ListBox控件 - 支持分组功能(optgroup标签)

    JavaScript 仿DropDownList控件 html下拉列框美化

    由于html的Select元素式样不更改,自已用Javascript写了DropDownList控件,支持分组.调用相当方便,不用更改原来的HTML结构.调用方法:DropDownList.bind(selectId).例如: --------------------------------- ...

    struts2 标签库 帮助文档

    optgroup标签:生成一个下拉列表框的选择组,下拉列表框中可以包含多个选择组。 token标签:防用户多次提交表单。 textarea标签:文本域。 updownselct标签:支持选项内容的上下移动。 password表单:密码表单域...

    Html5中文手册(程序员必备手册)

    Html 5 标签(按照英文字母a~z顺序排列): 1、&lt;!--...--&gt; 定义注释。 2、&lt;!DOCTYPE&gt; 定义文档类型。 3、&lt;a&gt; 定义超链接。 4、&lt;abbr&gt; 定义缩写。 5、&lt;address&gt; 定义地址元素。 6、&lt;area&gt; 定义图像映射中的区域。 7...

    layui之select的option叠加问题的解决方法

    小编我在使用layui,在select的地方遇到了坑,select里的值居然无法清空,select里的option还有叠加问题,为了解决这个问题,也达到我的功能,我研究了下,让有同样需求的小伙伴不踩坑,特贴上我的源码: ...

    IOS中safari下的select下拉菜单文字过长不换行的解决方法

    以上所述是小编给大家介绍的IOS中safari下的select下拉菜单文字过长不换行的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!

    jQuery select下拉框单选和多选插件.zip

    $('[title="clickable_optgroup"]').addClass('chosen-container-optgroup-clickable'); }); $(document).on('click', '[title="clickable_optgroup"] .group-result', function() { var unselected = $...

    html标签:sub标记和sup标记

    相关文章:HTML标记:optgroup、sub、sup和bdo 今天来认识一下两个我不太常用到的html标签:sub标记和sup标记。 定义和用法: &lt;sub&gt; 标签可定义下标文本。&lt;sup&gt; 可定义上标文本。都属于行内元素,默认比当前字体稍小。...

Global site tag (gtag.js) - Google Analytics