`
小嘴看世界
  • 浏览: 131774 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

optgroup

    博客分类:
  • Web
阅读更多
在HTML级联查询的时候发现一种新的做法 很有意思
才知道就是HTML的一个标签 optgroup
范例如下:
<select>
<optgroup label="Swedish Cars">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value ="mercedes">Mercedes</option>
<option value ="audi">Audi</option>
</optgroup>
</select>

对于选项较少的列表这个方法感觉不错吧
分享到:
评论
1 楼 guoguo1010 2010-04-15  
汗...这么少 什么都没有

相关推荐

    重写 DropDownList 添加optgroup

    ### 重写 DropDownList 添加 optgroup 及样式设置 在 Web 开发中,`DropDownList` 控件是非常常用的一个选择控件,它可以帮助用户快速地从一个下拉列表中选择一个选项。然而,默认情况下,`.NET` 的 `DropDownList`...

    html中select optgroup标签使用介绍

    在处理大量选项时,使用`&lt;optgroup&gt;`可以极大地提高用户体验,因为它将相关选项逻辑地组织在一起,使得用户更容易找到他们需要的选项。 `&lt;optgroup&gt;`标签的基本语法如下: ```html &lt;optgroup label="组名"&gt; ...

    html中-optgroup标签使用介绍.doc

    html中-optgroup标签使用介绍.doc

    HTML教程,认识optgroup元素

    然而,当下拉列表包含多个相关组时,`&lt;optgroup&gt;`元素就显得尤为重要。它可以为一组相关的选项提供一个共同的标签,使用户能够更快地理解和定位他们想要选择的项。 `&lt;optgroup&gt;`的基本语法如下: ```html ...

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

    本文主要介绍四个这样的标签:`&lt;optgroup&gt;`, `&lt;sub&gt;`, `&lt;sup&gt;`, 和 `&lt;bdo&gt;`,并且通过示例代码来阐述它们的使用方法。 ### optgroup标签 `&lt;optgroup&gt;` 标签用于为`&lt;select&gt;`元素中的`&lt;option&gt;`选项创建分组。在...

    jQuery多级下拉select选择菜单插件

    2. **HTML结构**:创建一个多级结构的`&lt;select&gt;`元素,通过`&lt;optgroup&gt;`和`&lt;option&gt;`标签来表示层级关系。 3. **初始化插件**:在页面加载完成后,调用插件提供的初始化函数,指定需要操作的`select`元素。 4. **...

    下拉框(select),可以多选,带有分组搜索功能

    在HTML中,可以使用`&lt;optgroup&gt;`标签来定义分组,并用`&lt;option&gt;`标签表示每个分组中的选项。 3. **搜索功能**:在包含许多选项的下拉框中,搜索功能是提高用户体验的关键。用户可以在输入框中输入关键词,下拉框会...

    select复选框带全选

    1. **分组选项**:如果选项很多,可以使用`&lt;optgroup&gt;`标签进行分组,提高可读性。 2. **搜索功能**:对于大量选项,可以添加搜索框,让用户能快速找到想要的选项。 3. **自定义样式**:Bootstrap 提供了丰富的主题...

    MultiSelect 多选

    &lt;optgroup label="Group 1"&gt; &lt;option value="1-1"&gt;Option 1.1 &lt;option value="1-2" selected="selected"&gt;Option 1.2 &lt;option value="1-3" selected="selected"&gt;Option 1.3 &lt;/optgroup&gt; &lt;optgroup label="Group...

    iOS中Safari浏览器select下拉列表文字太长被截断的处理方法.docx

    解决这个问题的关键在于合理利用`&lt;optgroup&gt;`标签。 `&lt;optgroup&gt;`是一个在`&lt;select&gt;`元素内部使用的HTML标签,用于将多个相关的`&lt;option&gt;`选项分组,提供更好的可读性和视觉效果。在iOS Safari浏览器中,使用`...

    Struts2常用标签

    &lt;s:optgroup label="Group 1" list="group1List" /&gt; ``` 31. **&lt;s:optiontransferselect&gt; 左右选择框** - **用途**:创建左右选择框。 - **示例**: ```xml ``` 32. **&lt;s:param&gt; 参数传递** - **用途**:...

    分组下拉框

    var optgroup = $("&lt;optgroup&gt;").attr("label", "新组"); var option = $("&lt;option&gt;").attr("value", "新值").text("新选项"); optgroup.append(option); $("#yourSelectId").append(optgroup); ``` 对于前端框架,...

    NET SmartControls 分页控件

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

    SmartControls控件扩展Demo源码

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

    jQuery二级下拉菜单

    创建一个`&lt;select&gt;`元素作为一级菜单,然后在其内部嵌套多个`&lt;optgroup&gt;`标签,每个`&lt;optgroup&gt;`代表一个一级菜单项,接着在`&lt;optgroup&gt;`内添加`&lt;option&gt;`标签作为二级菜单项。 ```html &lt;optgroup label="一级...

    HTML 中 select 的学习

    以上,我们不仅介绍了`&lt;select&gt;`元素的基本用法,还探讨了如何通过JavaScript增强其功能性,以及如何通过CSS和`&lt;optgroup&gt;`标签提升用户体验。这些知识对于任何希望在网页中创建高级交互界面的前端开发者来说都是至...

    SmartControls控件扩展Demo源码.rar

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

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

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

Global site tag (gtag.js) - Google Analytics