偶然需要对 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>
分享到:
相关推荐
偶然需要对select 内容进行分组,以往都是用程序控制,今天发现 select 中还有一个 optgroup 属性可以用,试用心得如下,感兴趣的朋友可以参考下哈
重写 DropDownList 添加optgroup以及为ListItem 加式样(例如 背景色,前景色等)
HTML标签之optgroup、sub、sup和bdo的用法与示例代码,需要的朋友可以参考下。
optgroup标签:生成一个下拉列表框的选择组,下拉列表框中可以包含多个选择组。 token标签:防用户多次提交表单。 textarea标签:文本域。 updownselct标签:支持选项内容的上下移动。 password表单:密码表单域...
扩展DropDownList控件和ListBox控件- 支持分组功能(optgroup标签) DropDownList(ListBox)控件既强大又好用。为了让它更强大、更好用,我们来写一个继承自DropDownList(ListBox)的控件。 扩展DropDownList控件和...
扩展DropDownList控件和ListBox控件- 支持分组功能(optgroup标签) DropDownList(ListBox)控件既强大又好用。为了让它更强大、更好用,我们来写一个继承自DropDownList(ListBox)的控件。 扩展DropDownList控件和...
select的分类选择,经测试IE和FF都能很好的支持该元素 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmln
选择2到树 Select2-to-Tree是对Select2(一个流行的选择框库)的扩展... 然后,在HTML文档中,添加Select2库( *.js文件和*.css文件,当前版本为4.0+)和Select2-to-Tree库( *.js文件和*.css “ src ”文件夹中的*.css
复制代码代码如下: <select> ””>1</option> ””>2</option> ””>3</option> ””>4</option> ””>5</option> <... ””>1</option> ””>2</option> <optgroup label=”3″></optgroup>
GridView/DropDownList/TreeView/ListBox的扩展 扩展GridView控件: 自定义分页样式。显示总记录数、每页记录数、当前页数、总页数、首页、上一页...扩展DropDownList控件和ListBox控件 - 支持分组功能(optgroup标签)
由于html的Select元素式样不更改,自已用Javascript写了DropDownList控件,支持分组.调用相当方便,不用更改原来的HTML结构.调用方法:DropDownList.bind(selectId).例如: --------------------------------- ...
optgroup标签:生成一个下拉列表框的选择组,下拉列表框中可以包含多个选择组。 token标签:防用户多次提交表单。 textarea标签:文本域。 updownselct标签:支持选项内容的上下移动。 password表单:密码表单域...
Html 5 标签(按照英文字母a~z顺序排列): 1、<!--...--> 定义注释。 2、<!DOCTYPE> 定义文档类型。 3、<a> 定义超链接。 4、<abbr> 定义缩写。 5、<address> 定义地址元素。 6、<area> 定义图像映射中的区域。 7...
小编我在使用layui,在select的地方遇到了坑,select里的值居然无法清空,select里的option还有叠加问题,为了解决这个问题,也达到我的功能,我研究了下,让有同样需求的小伙伴不踩坑,特贴上我的源码: ...
以上所述是小编给大家介绍的IOS中safari下的select下拉菜单文字过长不换行的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!
$('[title="clickable_optgroup"]').addClass('chosen-container-optgroup-clickable'); }); $(document).on('click', '[title="clickable_optgroup"] .group-result', function() { var unselected = $...
相关文章:HTML标记:optgroup、sub、sup和bdo 今天来认识一下两个我不太常用到的html标签:sub标记和sup标记。 定义和用法: <sub> 标签可定义下标文本。<sup> 可定义上标文本。都属于行内元素,默认比当前字体稍小。...