第一种: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)是一种常见的交互元素,用于让用户从预设的选项中进行选择。然而,原生的HTML `<select>` 元素样式单一,难以满足现代网页的美观需求。针对这一问题,开发者们通常会采用自定义 ...
select模拟框,实现选择框自定义样式 select模拟框,实现选择框自定义样式 select模拟框,实现选择框自定义样式 select模拟框,实现选择框自定义样式 select模拟框,实现选择框自定义样式
本教程将详细讲解如何使用 `jQuery` 实现一个具有模糊搜索功能的下拉选择框,以提升用户在交互时的体验。 首先,我们需要了解 `select` 元素在HTML中的基本用法。`<select>` 标签用于创建一个下拉列表,用户可以...
在本主题中,我们将探讨如何使用CSS实现三种不同的下拉选择框(select)风格:苹果风格、描边风格和凹凸风格。 1. 苹果风格的下拉选择框: 苹果风格的下拉选择框通常以其简洁、优雅的设计而著称。要实现这一风格,...
总结来说,使用jQuery可以方便地将input文本框模拟成select选择框,实现与真实下拉框类似的功能。这主要通过动态操作DOM、添加事件监听器以及使用插件来完成。在实际项目中,根据具体需求选择合适的方法,并注重用户...
本主题聚焦于如何实现`select`选择框内容的左右移动功能,这是一种增强用户体验的方式,尤其适用于需要用户在多个选项间频繁切换的场景。下面将详细探讨这一功能的实现原理、技术栈以及相关的编程知识点。 1. **...
在众多的前端组件中,`select`选择框是最常见的一种,用于提供下拉选项供用户选择。本项目是一个基于jQuery编写的`select`选择框小插件,旨在提升用户体验,简化开发者对`select`元素的操作。 jQuery是一个广泛使用...
综上所述,通过结合JavaScript和CSS,我们可以对`select`下拉列表选择框进行深度美化,包括调整基本样式、添加自定义图片,甚至实现复杂的交互效果。在`select美化选择框.htm`这个示例文件中,我们可以看到一个完整...
多select选择框,jquery实现,非异步,带相关实例demo,多select选择框,jquery实现,非异步,带相关实例demo
select选择框内容左右移动添加删除代码基于jquery-1.8.3.min.js实现,简单实用,选中选项内容,点击移动按钮可进行内容左右移动,双击option内容也可左右移动,支持单选移动、多选移动和一键全部移动!
在 JSP 页面中,需要使用 Struts 的 <html:select> 标签来生成选择框,并使用 JavaScript 代码来实现选择框的多级连动。当用户选择某个选项时,需要使用 Ajax 或 JavaScript 代码来请求服务器端的数据,并动态更新...
"#divselect" 这是哪个模拟列表的盒子的ID,"#inputselect"这个是选择以后给 id="inputselect" 的input隐藏域赋值的哦。 懂一点程序的都明白为啥要赋值了。意思就是给这个隐藏域赋值就相当于用丑陋的select下拉列表...
在本文中,我们将深入探讨如何使用Chosen库来美化HTML5中的`<select>`选择框,使其在用户界面中更具吸引力且功能更加强大。Chosen是一个流行的JavaScript库,它通过提供自定义样式和增强的交互性,为原本简单的原生`...
在网页开发中,选择框(select)是常见的表单元素,但其默认样式往往显得单调且不具吸引力。为此,开发者们常常利用jQuery和其他前端库来增强select元素的视觉效果,使其更符合现代网页设计的需求。"jQuery Select...
1. **HTML结构**:创建两个`<select>`元素,分别代表主选择框和次级选择框。给主选择框添加一个`change`事件监听器,以便在选项改变时触发后续操作。 2. **jQuery初始化**:在页面加载完成后,使用jQuery的`$...
在这个特定的场景中,"jsp select 带多选框"指的是在JSP中使用HTML的`<select>`元素创建一个多选下拉框。这种功能在用户界面设计中很常见,允许用户同时选择多个选项。 HTML的`<select>`元素默认只支持单选,但通过...
它将传统的Select选择框转变为功能丰富、视觉效果更佳的下拉选择组件,赋予了Select框新的生命,实现了华丽的变身。 Chosen的核心特性包括: 1. **搜索功能**:内置的搜索框允许用户快速查找选项,提高了用户体验...
7. **多语言支持**:如果你的应用需要多语言界面,Bootstrap Select也考虑到了这一点,可以通过设置语言选项来实现。 在实际项目中,Bootstrap Select的灵活性和易用性使其成为开发人员的首选工具之一,尤其是在...
**选择框插件:select2-3.5.3** `select2-3.5.3`是一款功能强大的选择框插件,专为HTML中的`<select>`元素提供增强功能,使其具有更丰富的用户交互体验和高度的定制性。这款插件在前端开发领域广泛应用,因其能够...