第一种: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模拟框,实现选择框自定义样式 select模拟框,实现选择框自定义样式 select模拟框,实现选择框自定义样式 select模拟框,实现选择框自定义样式
一个带下拉模糊搜索的select,替换下拉内容后即可直接使用,只需要把对应文件放到指定文件夹中引用即可
多select选择框,jquery实现,非异步,带相关实例demo,多select选择框,jquery实现,非异步,带相关实例demo
select选择框内容左右移动添加删除代码基于jquery-1.8.3.min.js实现,简单实用,选中选项内容,点击移动按钮可进行内容左右移动,双击option内容也可左右移动,支持单选移动、多选移动和一键全部移动!
"#divselect" 这是哪个模拟列表的盒子的ID,"#inputselect"这个是选择以后给 id="inputselect" 的input隐藏域赋值的哦。 懂一点程序的都明白为啥要赋值了。意思就是给这个隐藏域赋值就相当于用丑陋的select下拉列表...
bootstrap-select下拉选择搜索框,可以多选和单选,用法非常简单,样式美观,项目中经常会使用到,特别选项过多的时候,欢迎大家下载使用
超级极品,自己手册,有3中下拉框选择风格,苹果风格,描边风格,凹凸风格,好东西就是贵点
好看的select下拉框(带搜索功能),由于默认select样式过丑而且有些东西还不好改,这个是利用input框和ul来实现一个下拉框的效果。分为不带搜索功能和带搜索功能两个部分。以及jquery与javascript两种实现
实现select下拉选项可编辑
jquery实现的select列表选择框选中美化效果源码.zip
NULL 博文链接:https://ollevere.iteye.com/blog/1718528
js实现input输入框输入信息后出现下拉选择框,下拉框的数据源可以使根据输入的值从数据库中动态获取
select选择框内容左右移动添加删除代码基于jquery-1.8.3.min.js实现,简单实用,选中选项内容,点击移动按钮可进行内容左右移动,双击option内容也可左右移动,支持单选移动、多选移动和一键全部移动! 运行效果图:...
JS+CSS美化经典Select选项框插件
下拉select选择框 body{margin:20px auto;font-family:Arial,Helvetica,sans-serif;font-size:12px;width:950px;height:400px;border:solid 1px #aaa;position:relative;padding:10px;} h1{font-size:12px;color:#...
主要为大家详细介绍了js实现select选择框效果,及美化select选择框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例讲述了select选择框内容左右移动添加删除。分享给大家供大家参考。具体如下: select选择框内容左右移动,简单实用,选中选项内容,点击移动按钮可进行内容左右移动,运行效果图: 具体代码如下 <!...
select下拉框列表实现图片内容显示,$("#***").select()格式