web上使用下拉框

转载 2006年06月19日 10:24:00
总结一下关于web上使用下拉框的情况

从数据库中获得数据List,将数据放到Request里面
        使用setAttribute(”AList”,AList)
A中有2个属性(String id,String value)

1.        使用JSTL的forEach方式
<select name=”xx” ……..>
<c:forEach items="${AList}" var="p" >
        <c:choose>
                <c:when test="${xxx == p.id}">
                        <option value='<c:out value="${p.id}"/>' selected="selected">
                                        <c:out value="${p.value}"/>
                        </option>
                </c:when>
        <c:otherwise>
                        <option value='<c:out value="${p.id}"/>'>
                                <c:out value="${p.value}"/>
                        </option>
                </c:otherwise>
        </c:choose>        
<c:forEach>
</select>

2.        使用struts的标签
<html:select property=”xxx”>
<html:options collection="AList" labelProperty="value" property="id" />
</html:select>

查一下struts的api文档,可以看到select 中选项有3 taglib可以使用。
第一种直接使用把所有选项写在中间。
<html:option value="0-15">0-15</html:option>
<html:option value="15-20" >15-20</html:option>
<html:option value="20-30" >20-30</html:option>
<html:option value="20 or above">30 or above</html:option>


第二种:把选项放在一个Collection中(这里使用List).在实际项目中,更多的是可能数据来源于db,文件等。这种情况用得比较多。

<html:options collection="AList" property="value" labelProperty="label"/>
把option放在list中的过程在Action中作处理
//prepare the age selector list.
List ageList =new ArrayList();
ageList.add(new LabelValueBean("0-15","0-15"));
ageList.add(new LabelValueBean("15-20","15-20"));
ageList.add(new LabelValueBean("20-30","20-30"));
ageList.add(new LabelValueBean("30 or above","30 or above"));
request.setAttribute("AList",AList);


这里使用了LabelValueBean,可以不用的,象
<html:options collection="AList" labelProperty="value" property="id" />
只要在AList中填入的bean有value和id属性就可以

第三种,把此list 作为Form 的一个属性.
<html:optionsCollection property="AList" />
在Form 中添加AList 的setter和getter. Form中作如下处理。
//the list can be a form property.
f.setAgeList(AList);

1.        从数据库中获得数据,你应该在Action里面取得数据后,将数据放到Request里面
2.        数据取出来后放在一个List或Collection或Map里面,我习惯用List
3.        从List或其它的容器中取数据应该用<html:options> 或<html:optionsCollection>
4.        <html:options> 和<html:optionsCollection>外层必须用<html:select property="">,所以这个属性你必须在FormBean里定义
5.        由于你要用到这些标签,所以你必须定义FormBean
6.        
从Action取数据,以List为例

List list = xxxxx;//从数据库中取得下拉列表中的数据
request.setAttribute("list",list);

在页面显示
<html:form action="xxxx">
...
<html:select property="xxx">
<html:options collection="list" labelProperty="下拉框中显示的内容,一般是name或其它相似属性" property="各选项对应的值,一般是id" />
</html:select>
...
</html:form>



补充一点点:

因为数据你要从 数据库去取, 所以一般在 action 里调用 DAO ,作为 request 的一个属性传到页面上; 这时一般用 <html:options .../> 标签

另外,如果数据不从数据库去取,而是代码固定的,则一般把这种放到 ActionForm 里,作为属性在页面上取,这时一般用 <html:optionsCollection ... />

web前端-CSS 下拉菜单 -025

基本下拉菜单当鼠标移动到指定元素上时,会出现下拉菜单。 下拉菜单实例 .dropdown { position: relative; display: inline-block; } ...
  • helloMr_wo
  • helloMr_wo
  • 2016年10月11日 13:18
  • 611

web 服务器控件,下拉框控件的使用

void Page_Load() { if (Page.IsPostBack) { Message.Text = "You have selected " + list1.SelectedItem...
  • web718
  • web718
  • 2005年03月16日 10:15
  • 2495

Web弹出下拉菜单

  • 2012年04月25日 09:15
  • 62KB
  • 下载

web中下拉列表的几种实现

从数据库中获得数据List,将数据放到Request里面        使用setAttribute(”AList”,AList)A中有2个属性(String id,String value)1.  ...
  • sunyycxy
  • sunyycxy
  • 2006年06月23日 02:19
  • 952

web上使用下拉框

总结一下关于web上使用下拉框的情况从数据库中获得数据List,将数据放到Request里面        使用setAttribute(”AList”,AList)A中有2个属性(String id...
  • dadunqingwa
  • dadunqingwa
  • 2006年06月19日 10:24
  • 1233

网页下拉菜单3种实现

  • 2015年12月16日 14:14
  • 44KB
  • 下载

下拉框实现两列或多列(webbuilder)

新拖一个ComboBox,properties-querymode设置remote,实现边输入边查询 events-beforequery: Wb.load(store1,{query:query...
  • thraze
  • thraze
  • 2015年01月09日 10:55
  • 328

WEB页面_select下拉框,数据回显

点击“筛选”后,页面显示数据,通过jquery语句,在筛选框回显筛选条件 补充:由于上述的function执行的是页面加载完成事件,如果数据量大的话,会影响筛选条件的的回...
  • JackStone_CSDN
  • JackStone_CSDN
  • 2017年12月02日 10:39
  • 175

select下拉框回显的几种方法

实现select标签回显 1.     -请选择-     selected >男     selected >女   2.         3.     -请选择-     selecte...
  • u011403672
  • u011403672
  • 2015年03月13日 17:35
  • 2552

selenium之 下拉选择框Select

今天总结下selenium的下拉选择框。我们通常会遇到两种下拉框,一种使用的是html的标签select,另一种是使用input标签做的假下拉框。后者我们通常的处理方式与其他的元素类似,点击或使用JS...
  • huilan_same
  • huilan_same
  • 2016年08月18日 23:52
  • 18996
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:web上使用下拉框
举报原因:
原因补充:

(最多只允许输入30个字)