springmvc 表单标签 select 问题【java吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：658,523贴子：
springmvc 表单标签 select 问题收藏
&form:select path=&points& items=&${points}& itemLabel=&name&itemValue=&id& multiple=&true& maxlength=&2& /&这是代码这是我现在实现的效果
但是我想要的是初始化只显示出一条数据，点击下拉才展现出其他的数据 。求大神门帮帮忙 谢谢
51CTO学院11年行业品牌,1400万用户选择,中国专业IT技能学习平台,java项目.通过在线学习的方式,帮助广大技术人员实现技能提升,高薪就业的职业梦想,java项目.
自己顶！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
multiple=&true& 你改成false试试！
登录百度帐号推荐应用select标签当添加multiple属性后，是指明该下拉框可以进行多选，但是添加上multiple属性后，页面的呈现是样式会发生改变
也就是 页面会将所有的下拉框的值全部展示出来
此时，需要在select标签的内部再次添加属性：size=“” 里面的数值根据select中有几个值而定
这样基本样式可以改变
进行回填的时候，数值也不会再次发生改变
代码如下：
&select id=&areaId& name=&hmmpAreaid& class=&input-medium& multiple=&multiple& size=&1&&
value=&& selected=&selected& disabled&请选择&/option&
页面效果：
回填后的效果：
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：7879次
排名：千里之外
原创：23篇
(4)(3)(5)(2)(5)(1)(5)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'以下示例显示如何在使用Spring Web MVC框架的表单中使用下拉选项(Dropdown)。首先使用Eclipse IDE来创建一个WEB工程，实现一个让用户可选择自己所在的国家的功能。并按照以下步骤使用Spring Web Framework开发基于动态表单的Web应用程序：
创建一个名称为 Dropdown 的动态WEB项目。在 com.yiibai.springmvc 包下创建两个Java类User，UserController。在jsp子文件夹下创建两个视图文件：user.jsp，userlist.jsp。最后一步是创建所有源和配置文件的内容并运行应用程序，详细如下所述。
完整的项目文件目录结构如下所示 -
User.java 的代码如下所示 -
package com.yiibai.
public class User {
private boolean receiveP
private String [] favoriteF
private String favoriteN
public String getUsername() {
public void setUsername(String username) {
this.username =
public String getPassword() {
public void setPassword(String password) {
this.password =
public String getAddress() {
public void setAddress(String address) {
this.address =
public boolean isReceivePaper() {
return receiveP
public void setReceivePaper(boolean receivePaper) {
this.receivePaper = receiveP
public String[] getFavoriteFrameworks() {
return favoriteF
public void setFavoriteFrameworks(String[] favoriteFrameworks) {
this.favoriteFrameworks = favoriteF
public String getGender() {
public void setGender(String gender) {
this.gender =
public String getFavoriteNumber() {
return favoriteN
public void setFavoriteNumber(String favoriteNumber) {
this.favoriteNumber = favoriteN
public String getCountry() {
public void setCountry(String country) {
this.country =
UserController.java 的代码如下所示 -
package com.yiibai.
import java.util.ArrayL
import java.util.HashM
import java.util.L
import java.util.M
import org.springframework.stereotype.C
import org.springframework.web.bind.annotation.ModelA
import org.springframework.web.bind.annotation.RequestM
import org.springframework.web.bind.annotation.RequestM
import org.springframework.web.servlet.ModelAndV
import org.springframework.ui.ModelM
@Controller
public class UserController {
@RequestMapping(value = &/user&, method = RequestMethod.GET)
public ModelAndView user() {
User user = new User();
user.setFavoriteFrameworks((new String []{&Spring MVC&,&Struts 2&}));
user.setGender(&M&);
ModelAndView modelAndView = new ModelAndView(&user&, &command&, user);
return modelAndV
@RequestMapping(value = &/addUser&, method = RequestMethod.POST)
public String addUser(@ModelAttribute(&SpringWeb&)User user,
ModelMap model) {
model.addAttribute(&username&, user.getUsername());
model.addAttribute(&password&, user.getPassword());
model.addAttribute(&address&, user.getAddress());
model.addAttribute(&receivePaper&, user.isReceivePaper());
model.addAttribute(&favoriteFrameworks&, user.getFavoriteFrameworks());
model.addAttribute(&gender&, user.getGender());
model.addAttribute(&favoriteNumber&, user.getFavoriteNumber());
model.addAttribute(&country&, user.getCountry());
return &userlist&;
@ModelAttribute(&webFrameworkList&)
public List&String& getWebFrameworkList()
List&String& webFrameworkList = new ArrayList&String&();
webFrameworkList.add(&Spring MVC&);
webFrameworkList.add(&Struts 1&);
webFrameworkList.add(&Struts 2&);
webFrameworkList.add(&Apache Wicket&);
return webFrameworkL
@ModelAttribute(&numbersList&)
public List&String& getNumbersList()
List&String& numbersList = new ArrayList&String&();
numbersList.add(&1&);
numbersList.add(&2&);
numbersList.add(&3&);
numbersList.add(&4&);
return numbersL
@ModelAttribute(&countryList&)
public Map&String, String& getCountryList()
Map&String, String& countryList = new HashMap&String, String&();
countryList.put(&US&, &United States&);
countryList.put(&CH&, &China&);
countryList.put(&SG&, &Singapore&);
countryList.put(&MY&, &Malaysia&);
return countryL
这里的第一个服务方法user()，我们已经在ModelAndView对象中传递了一个名称为“command”的空User对象，因为如果在JSP文件中使用&form:form&标签，spring框架需要一个名称为“command”的对象。 所以当调用user()方法时，它返回user.jsp视图。
第二个服务方法addUser()将根据URL =& Dropdown/addUser 上的POST方法请求时调用。根据提交的信息准备模型对象。 最后从服务方法返回“userlist”视图，这将呈现userlist.jsp视图。
user.jsp 的代码如下所示 -
&%@ page contentType=&text/ charset=UTF-8&%&
&%@taglib uri=&http://www.springframework.org/tags/form& prefix=&form&%&
&title&Spring MVC表单处理(下拉选择)&/title&
&h2&用户信息&/h2&
&form:form method=&POST& action=&/Dropdown/addUser&&
&td&&form:label path=&username&&用户名：&/form:label&&/td&
&td&&form:input path=&username& /&&/td&
&td&&form:label path=&password&&密码：&/form:label&&/td&
&td&&form:password path=&password& /&&/td&
&td&&form:label path=&address&&地址：&/form:label&&/td&
&td&&form:textarea path=&address& rows=&5& cols=&30& /&&/td&
&td&&form:label path=&receivePaper&&是否订阅：&/form:label&&/td&
&td&&form:checkbox path=&receivePaper& /&&/td&
&td&&form:label path=&favoriteFrameworks&&喜欢的框架/技术：&/form:label&&/td&
&td&&form:checkboxes items=&${webFrameworkList}&
path=&favoriteFrameworks& /&&/td&
&td&&form:label path=&gender&&性别：&/form:label&&/td&
&td&&form:radiobutton path=&gender& value=&M& label=&男& /& &form:radiobutton
path=&gender& value=&F& label=&女& /&&/td&
&td&&form:label path=&favoriteNumber&&喜欢的数字：&/form:label&&/td&
&td&&form:radiobuttons path=&favoriteNumber&
items=&${numbersList}& /&&/td&
&td&&form:label path=&country&&所在国家：&/form:label&&/td&
&td&&form:select path=&country&&
&form:option value=&NONE& label=&请选择...& /&
&form:options items=&${countryList}& /&
&/form:select&&/td&
&td colspan=&2&&&input type=&submit& value=&提交& /&&/td&
&/form:form&
这里使用&form:select /& , &form:option /& 和 &form:options /&标签来呈现HTML密码框。 例如 -
&form:select path=&country&&
&form:option value=&NONE& label=&Select&/&
&form:options items=&${countryList}& /&
&/form:select&
它将呈现以下HTML内容。
&select id=&country& name=&country&&
&option value=&NONE&&请选择...&/option&
&option value=&US&&United States&/option&
&option value=&CH&&China&/option&
&option value=&MY&&Malaysia&/option&
&option value=&SG&&Singapore&/option&
userlist.jsp 的代码如下所示 -
&%@ page contentType=&text/ charset=UTF-8&%&
&%@taglib uri=&http://www.springframework.org/tags/form& prefix=&form&%&
&title&Spring MVC表单处理(下拉选择)&/title&
&h2&提交用户信息 -&/h2&
&td&用户名：&/td&
&td&${username}&/td&
&td&密码：&/td&
&td&${password}&/td&
&td&地址：&/td&
&td&${address}&/td&
&td&是否订阅：&/td&
&td&${receivePaper}&/td&
&td&喜欢的技术/框架：&/td&
String[] favoriteFrameworks = (String[]) request.getAttribute(&favoriteFrameworks&);
for (String framework : favoriteFrameworks) {
out.println(framework);
&td&性别：&/td&
&td&${(gender==&M&? &男& : &女&)}&/td&
&td&喜欢的数字：&/td&
&td&${favoriteNumber}&/td&
&td&国家：&/td&
&td&${country}&/td&
完成创建源和配置文件后，发布应用程序到Tomcat服务器。
现在启动Tomcat服务器，现在尝试访问URL =&
，如果Spring Web应用程序没有问题，应该看到以下结果：
提交所需信息后，点击提交按钮提交表单。 如果Spring Web应用程序没有问题，应该看到以下结果：
加QQ群啦！
JAVA技术群：
MySQL/SQL群：
Python技术群：
大数据开发群： (Java,Python,R,Scala,Hadoop,Spark,zookeeper,kafka等技术)
Web开发群(新群):
(PHP,HTML/HTML5,JS/JQuery,CSS等技术)
Linux技术群(新群): (Redhat/Centos,Ubuntu,Shell,运维,监控等技术)
易百教程移动端：请扫描本页面底部(右侧)二维码关注微信公众号，或直接手机访问：
上一篇：下一篇：博客分类：
最近在用spring mvc标签中遇到些问题，很多网上的思路文不对题。现就form:select设置默认值做一记录。一、前端jsp语法如下：&form:select path="papermode" items="${papermodeList}"
itemValue="key1" itemLabel="val1" /&
上面的语法含义为，列表显示papermode(”试卷模式" ，papermode 为属性名称)；${papermodeList}为后台获取的papermode对象列表(其实papermode 仅是名称，对象实际上为Config，其属性为{key1,val1...}，此处很奇妙，Config对象并未直接出现；itemValue="key1" ，表示select 中option的值为config.key1的实际值；itemLabel="val1"，则表示option中显示的值。
生成的结果如下：
&select id="papermode" name="papermode"&
&option value="single" selected="selected"&一套试卷&/option&
&option value="ab"&AB卷&/option&
二、后台代码
@RequestMapping(value = "/exam_man") public String exam_man(@ModelAttribute("examproject") T_examproject examproject,HttpSession session, Model model) {
ConfigModule cm = new ConfigModule("OA","考试出题方式");
model.addAttribute("papermodeList",cm.getConfigdetailList());
examproject.setPapermode("single");
return "/exam/exam_man";
我在下面做个图示
三、还有一步，JSP的FORM
&form:form id="fm"
method="post"
modelAttribute="examproject" &
在spring mvc 中 modelAttribute是少不了的 其中modelAttribute="examproject" 就是为了使用后台辛苦准备的@ModelAttribute("examproject") T_examproject examproject
数据。然后你就可以使用&form:textarea path="title"
rows="3" cols="48"/&这些东东，有值就显示，无值则请你录入。
四、注意事项
见到很多例题
如 Map&Integer, String& ballMap = new HashMap&Integer, String&();
ballMap.put(1, "篮球");
ballMap.put(2, "足球");
ballMap.put(3, "乒乓球");
ballMap.put(4, "羽毛球");
ballMap.put(5, "排球");
map.put("ballMap", ballMap);
ballMap是简单对象（List&String&)，不好用，还要专门准备数据或修改格式。你可以参见我的方法，直接放入复杂对象List，然后在itemValue,itemLabel直接写入参数的名值即可，但不清楚是否可以嵌套复杂对象。呵呵。再次声明，我的itemValue 的key1是Config的属性，在这里Config并没有直接出现。
spring mvc 标签库语法参见http://docs.spring.io/spring/docs/2.0.x/reference/spring-form.tld.html#spring-form.tld.options
浏览: 3158 次
来自: 北京
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;
欢迎您订阅我们的技术周刊
我们会向您分享我们精心收集整理的，最新的行业资讯，技术动态，外文翻译，热点文章;
我们使用第三方邮件列表向您推送，我们不保存您的任何个人资料，注重您的隐私，您可以随时退订,
欢迎分享您的观点，经验，技巧，心得
让我们一起找寻程序员的快乐，探索技术, 发现IT人生的乐趣;
本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG，请即时告知我们： ourjs(
订阅邮件周刊
用纯css改变下拉列表select框的默认样式
注意 转载须保留原文链接，译文链接，作者译者等信息。&&
在这篇文章里，我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式。问题的提出事情是这样的，您的设计师团队向您发送一个新的PSD（Photoshop文档），它是一个新的网站的最终设计。一切看起来很好，很正常，直到你看到他/她设计的一个选择下拉框跟浏览器默认提供的样式有些不同！你说：“这没办法做！你应该不会抱怨设计师，其实更改下拉输入的默认样式并不是非常难的！Mobile 和现代浏览器的解决方案下面是解决方案。我们看到默认的下载选择框在firefox和chrome中是有些不同的Chrome 和 Firefox 中分别是这样的：其实用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #000;
/*很关键：将默认的select选择框样式清除*/
appearance:
-moz-appearance:
-webkit-appearance:
/*在选择框的最右侧中间显示小箭头图片*/
background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll righ
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 14
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: }在线示例　　注*　这篇文章参考了&，但文中所述固定了select框的长度和高度，对此进行了修改。更新：&针对旧版IE的解决方案评论中提到&IE8/9并不支持 &appearance:none &CSS属性，想要支持的话可能需要非常特殊的方法，参考： 我们需要为其添加一个父容器，容器是用来覆盖小箭头的，然后为select添加一个向右的小偏移或者宽度大于父级元素。设置父级的CSS属性为超出部分不可见，即可覆盖即小箭头。然后再为父级容器添加背景图片即可。overflow: hidden并不能隐藏下拉框的显示。HTML&div id="parent"&& &select&& & & &option&what&/option&& & & &option&the&/option&& & & &option&hell&/option&& &/select&&/div&CSS&#parent {& & background: url('yourimage') no-& & width: 100& & height: 30& & overflow:}#parent select {& & background:& & border:& & padding-left: 10& & width: 120& & height: 100%;}演示地址： &美中不足的是这种方案下拉选项的宽度会比他的父容器宽一点。
&热门文章 - 分享最多
&相关阅读 - JS学习
&关键字 - 前端
&欢迎订阅 - 技术周刊
我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私，您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐，探索技术, 发现IT人生的乐趣;
我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊