`
liulanghan110
  • 浏览: 1072655 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

select选择框实现

阅读更多

第一种:HTML

<select name="type"  >  
    <option value="0" >周转箱</option>  
    <option value="1"  >虚拟箱</option>  
</select> 

 第二种struts2

直接在前台定义SELECT

<s:select label="选择您喜欢的图书" name="book" list="#{'Spring2.0':'李刚','J2EE':'李','Ajax宝典':'李'}"
     listKey="value"  listValue="key">

 从后台action传list到前台。

 

第三种,采用freemaker

前台页面代码

	<td>
                   <select name="test" style="width:120px">
                          <#if cityList??>
                 		<#list cityList as item>
                 			<option value="${item.getId()}" >${item.getCity()}</option>
                 		</#list>
                 	 </#if>
                     </select>
       </td>
 

后台代码:

private List<city> cityList;

//action

public String editCity(){
	//查询列表数据
	List<city> cityList = cityService.findTmsBoxListByDto();
	return EDIT;
}

 public List<city> getCityList(){
        return cityList;
}

//列表类
class city{
	private String id;
	private String city;
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getCity() {
		return city;
	}
	public void setCity(String city) {
		this.city = city;
	}
};
 

 

分享到:
评论

相关推荐

    自定义select选择框(很漂亮很强大,推荐)

    在网页设计中,选择框(Select)是一种常见的交互元素,用于让用户从预设的选项中进行选择。然而,原生的HTML `&lt;select&gt;` 元素样式单一,难以满足现代网页的美观需求。针对这一问题,开发者们通常会采用自定义 ...

    select模拟框,实现选择框自定义样式

    select模拟框,实现选择框自定义样式 select模拟框,实现选择框自定义样式 select模拟框,实现选择框自定义样式 select模拟框,实现选择框自定义样式 select模拟框,实现选择框自定义样式

    jquery实现select带模糊搜索下拉选择框

    本教程将详细讲解如何使用 `jQuery` 实现一个具有模糊搜索功能的下拉选择框,以提升用户在交互时的体验。 首先,我们需要了解 `select` 元素在HTML中的基本用法。`&lt;select&gt;` 标签用于创建一个下拉列表,用户可以...

    css实现个性化select 下拉选择框(3种风格)

    在本主题中,我们将探讨如何使用CSS实现三种不同的下拉选择框(select)风格:苹果风格、描边风格和凹凸风格。 1. 苹果风格的下拉选择框: 苹果风格的下拉选择框通常以其简洁、优雅的设计而著称。要实现这一风格,...

    jquery input文本框模拟select选择框获取选定

    总结来说,使用jQuery可以方便地将input文本框模拟成select选择框,实现与真实下拉框类似的功能。这主要通过动态操作DOM、添加事件监听器以及使用插件来完成。在实际项目中,根据具体需求选择合适的方法,并注重用户...

    select选择框内容左右移动

    本主题聚焦于如何实现`select`选择框内容的左右移动功能,这是一种增强用户体验的方式,尤其适用于需要用户在多个选项间频繁切换的场景。下面将详细探讨这一功能的实现原理、技术栈以及相关的编程知识点。 1. **...

    select选择框小插件

    在众多的前端组件中,`select`选择框是最常见的一种,用于提供下拉选项供用户选择。本项目是一个基于jQuery编写的`select`选择框小插件,旨在提升用户体验,简化开发者对`select`元素的操作。 jQuery是一个广泛使用...

    JS+CSS和图片美化select下拉列表选择框

    综上所述,通过结合JavaScript和CSS,我们可以对`select`下拉列表选择框进行深度美化,包括调整基本样式、添加自定义图片,甚至实现复杂的交互效果。在`select美化选择框.htm`这个示例文件中,我们可以看到一个完整...

    多select选择框

    多select选择框,jquery实现,非异步,带相关实例demo,多select选择框,jquery实现,非异步,带相关实例demo

    select选择框内容左右移动添加删除.zip

    select选择框内容左右移动添加删除代码基于jquery-1.8.3.min.js实现,简单实用,选中选项内容,点击移动按钮可进行内容左右移动,双击option内容也可左右移动,支持单选移动、多选移动和一键全部移动!

    JSP、Java实现选择框多级连动

    在 JSP 页面中,需要使用 Struts 的 &lt;html:select&gt; 标签来生成选择框,并使用 JavaScript 代码来实现选择框的多级连动。当用户选择某个选项时,需要使用 Ajax 或 JavaScript 代码来请求服务器端的数据,并动态更新...

    ChosenSelect_美化H5Select选择框_

    在本文中,我们将深入探讨如何使用Chosen库来美化HTML5中的`&lt;select&gt;`选择框,使其在用户界面中更具吸引力且功能更加强大。Chosen是一个流行的JavaScript库,它通过提供自定义样式和增强的交互性,为原本简单的原生`...

    jquery+css+div实现select选择框样式

    "#divselect" 这是哪个模拟列表的盒子的ID,"#inputselect"这个是选择以后给 id="inputselect" 的input隐藏域赋值的哦。 懂一点程序的都明白为啥要赋值了。意思就是给这个隐藏域赋值就相当于用丑陋的select下拉列表...

    jquery select 样式框架

    在网页开发中,选择框(select)是常见的表单元素,但其默认样式往往显得单调且不具吸引力。为此,开发者们常常利用jQuery和其他前端库来增强select元素的视觉效果,使其更符合现代网页设计的需求。"jQuery Select...

    与后台结合的使用jquery实现的联动选择框

    1. **HTML结构**:创建两个`&lt;select&gt;`元素,分别代表主选择框和次级选择框。给主选择框添加一个`change`事件监听器,以便在选项改变时触发后续操作。 2. **jQuery初始化**:在页面加载完成后,使用jQuery的`$...

    bootstrap-select下拉选择搜索框,可以多选和单选

    7. **多语言支持**:如果你的应用需要多语言界面,Bootstrap Select也考虑到了这一点,可以通过设置语言选项来实现。 在实际项目中,Bootstrap Select的灵活性和易用性使其成为开发人员的首选工具之一,尤其是在...

    jsp select 带多选框

    在这个特定的场景中,"jsp select 带多选框"指的是在JSP中使用HTML的`&lt;select&gt;`元素创建一个多选下拉框。这种功能在用户界面设计中很常见,允许用户同时选择多个选项。 HTML的`&lt;select&gt;`元素默认只支持单选,但通过...

    select标签边框的颜色select标签边框的颜色

    非标准实现与第三方库 由于浏览器原生的 `&lt;select&gt;` 标签样式难以自定义,许多开发者会使用 JavaScript 库(如 Select2、Chosen 或 Selectize)来模拟自定义的下拉菜单。这些库通过替换原生元素并创建新的 HTML ...

    Chosen 基于jquery的Select选择框的华丽变身.zip

    它将传统的Select选择框转变为功能丰富、视觉效果更佳的下拉选择组件,赋予了Select框新的生命,实现了华丽的变身。 Chosen的核心特性包括: 1. **搜索功能**:内置的搜索框允许用户快速查找选项,提高了用户体验...

Global site tag (gtag.js) - Google Analytics