`
conkeyn
  • 浏览: 1529062 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

select optgroup

阅读更多

代码片段:

public class LoginAction extends BaseAction {

	private Map<Integer,String> usCiteis = new HashMap<Integer,String>();
	
	private Map<Integer,String> canadaCiteis = new HashMap<Integer,String>();
	
	private Map<Integer,String> mexicoCiteis = new HashMap<Integer,String>();

	public String method1() throws Exception {
		canadaCiteis.put(1, "Canada city 1");
		canadaCiteis.put(2, "Canada city 2");
		canadaCiteis.put(3, "Canada city 3");
		canadaCiteis.put(4, "Canada city 4");
		canadaCiteis.put(5, "Canada city 5");
		canadaCiteis.put(6, "Canada city 6");
		usCiteis.put(7, "US city 1");
		usCiteis.put(8, "US city 2");
		usCiteis.put(9, "US city 3");
		mexicoCiteis.put(10, "Mexico city 4");
		mexicoCiteis.put(11, "Mexico city 5");
		mexicoCiteis.put(12, "Mexico city 6");
		return SUCCESS;
	}

	public Map<Integer, String> getUsCiteis() {
		return usCiteis;
	}

	public void setUsCiteis(Map<Integer, String> usCiteis) {
		this.usCiteis = usCiteis;
	}

	public Map<Integer, String> getCanadaCiteis() {
		return canadaCiteis;
	}

	public void setCanadaCiteis(Map<Integer, String> canadaCiteis) {
		this.canadaCiteis = canadaCiteis;
	}

	public Map<Integer, String> getMexicoCiteis() {
		return mexicoCiteis;
	}

	public void setMexicoCiteis(Map<Integer, String> mexicoCiteis) {
		this.mexicoCiteis = mexicoCiteis;
	}
}

 HTML代码片段:

	<s:select name="city" label="City" list="#{'0':'choose one'}">
		<s:optgroup label="Canada" list="canadaCiteis"/>
		<s:optgroup label="US" list="usCiteis"/>
		<s:optgroup label="Mexico" list="mexicoCiteis"/>
	</s:select>

 其中,<s:select>标签里头的list属性是必填项。可以用它来做一个默认标题。

 

分享到:
评论

相关推荐

    html中select optgroup标签使用介绍

    HTML中的`&lt;select&gt;`元素用于创建下拉列表,而`&lt;optgroup&gt;`标签则是一个非常有用的辅助元素,它允许我们将`&lt;select&gt;`中的选项分组,为用户提供更清晰、更有组织的视图。在处理大量选项时,使用`&lt;optgroup&gt;`可以极大地...

    select复选框带全选

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

    select 分组下拉菜单自定义样式

    一个带有分组的`select`通常会包含`&lt;optgroup&gt;`元素来创建选项组,以及`&lt;option&gt;`元素来定义各个选项。例如: ```html &lt;select&gt; &lt;optgroup label="Group 1"&gt; &lt;option value="option1"&gt;Option 1 ...

    select2-3.5.3插件(最完善的选择框插件 )

    **选择框插件:select2-3.5.3** `select2-3.5.3`是一款功能强大的选择框插件,专为HTML中的`&lt;select&gt;`元素提供增强功能,使其具有更丰富的用户交互体验和高度的定制性。这款插件在前端开发领域广泛应用,因其能够...

    使用select2实现下拉列表动态模糊查询

    这时,我们可以借助第三方库,如Select2,来实现更高级的功能,比如动态模糊查询。Select2 是一个强大的jQuery插件,它提供了美观且可自定义的下拉列表,支持搜索、多选、分页等特性。 **1. Select2 的安装与引入**...

    bootstrap select树形下拉框

    2. **初始化Bootstrap Select**:在文档加载完成后,通过JavaScript调用Bootstrap Select插件的初始化方法,如`$('select').selectpicker();`。这会将普通的`&lt;select&gt;`转换为带有Bootstrap样式的下拉框。 3. **树形...

    jquery select2组件

    - **分组选项**:通过在`&lt;optgroup&gt;`标签内添加`&lt;option&gt;`,可以实现选项的分组展示。 - **自定义模板**:你可以根据需求自定义选项和结果的显示样式。 - **国际化**:`Select2`支持多种语言,方便全球化的应用。 - ...

    自定义带图标的select,只需把图标地址写在option的title属性中即可

    本案例中,我们将讨论一个基于jQuery的自定义下拉框JS插件,它允许我们为`&lt;select&gt;`元素添加图标,使得选择项更加直观且富有表现力。标题"自定义带图标的select,只需把图标地址写在option的title属性中即可"揭示了...

    select下拉列表显示图片内容

    有许多现成的JavaScript库和插件,如`Chosen`、`Select2`、`Optgroup`等,它们扩展了`select`元素的功能,支持在选项中添加图片。这些插件通常提供了丰富的API和自定义选项,可以方便地与现有的项目集成。 3. **...

    ySelect-master.zip

    主要的CSS类包括`.y-select-wrap`, `.y-select-input`, `.y-select-ul`, `.y-select-optgroup`, `.y-select-option`等。 7. **兼容性与性能** 由于依赖jQuery,`ySelect.js`适用于大部分现代浏览器,但可能在一些...

    bootstrapselect下拉框js,css

    - **分组显示**:使用 `&lt;optgroup&gt;` 标签可以将选项分组。 - **搜索过滤**:开启搜索框,用户可以在下拉框中输入关键词过滤选项。 - **禁用与选中**:可以通过 `disabled` 属性禁用选项或整个下拉框,通过 `...

    select项内容过长解决办法

    7. **分组选项**:使用`&lt;optgroup&gt;`标签将相关的选项分组,可以减少单个选项的长度,使得整体更易读。 8. **提示文字**:在`&lt;select&gt;`元素中使用`&lt;option value=""&gt;-- 请选择 --&lt;/option&gt;`作为默认选项,提醒用户...

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

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

    bootstrap-select-master下拉框。

    Bootstrap Select 通常用于提升用户体验,特别是在移动设备上,它的响应式设计能确保在各种屏幕尺寸上都能良好地显示。 在 Bootstrap Select 插件中,有以下几个关键知识点: 1. **基本使用**:首先,你需要在项目...

    select将选中的option设置为默认选项

    在网页开发中,`&lt;select&gt;`元素用于创建下拉列表,而`&lt;option&gt;`标签则定义了下拉列表中的选项。有时候,我们可能需要在页面加载时预设一个选项为默认选中状态,或者根据用户操作动态改变选中状态。在JavaScript中,这...

    bootstrap select 标签

    6. **事件和方法**:Bootstrap Select 提供了一些事件和方法,如 `show.bs.select`(下拉菜单打开时触发)、`hide.bs.select`(下拉菜单关闭时触发)以及 `refresh` 方法(用于动态更新选项后重新初始化)。...

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

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

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

    总结一下,解决iOS Safari浏览器中`&lt;select&gt;`下拉列表文字截断的问题,可以采用`&lt;optgroup&gt;`标签来组织选项,Safari会自动调整字体大小以适应内容,从而避免文字被截断。同时,使用`&lt;optgroup&gt;`标签不会影响到对选中...

    select2的几种demo

    6. **分组选项**:通过设置`optgroup`标签,可以将选项分组,方便用户查找和选择。 7. **事件处理**:`select2`提供多种事件,如`select2:opening`, `select2:select`, `select2:closing`等,开发者可以监听这些...

    jquery如何自定义select下拉样式

    5. **多选与分组**:如果需要支持多选或显示分组,只需在`&lt;select&gt;`元素中使用`&lt;optgroup&gt;`和`&lt;option multiple&gt;`,然后在初始化时设置`multiple`属性。 ```html &lt;select multiple&gt; &lt;optgroup label="Group 1"&gt; ...

Global site tag (gtag.js) - Google Analytics