ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML 009 select

2019-12-10 18:02:10  阅读:245  来源: 互联网

标签:map value 列表 HTML 默认 后台 009 select 属性


 

本篇文章并非描述HTML中的select标签, 而是描述JSP中的<s:select>

关于HTML中的select标签, 以及和JSP中的<s:select>的相同以及差异后续在进行追加

1:当下拉列表的选项固定且简单的时候可以使用如下方法

<s:select id="bizCategory" name="querybean.bizCategory" data="${querybean.bizCategory}" list="#{'':'请选择';'1':'WiFi','2':'移动网络','3':'无网络'}"></s:select>

id: 无特殊目的, 可以通过JQuery选择器堆该元素进行操作

name: 用于前后台的数据交互, 后台存在一个模型驱动 private EntClientBizQueryBean querybean = new EntClientBizQueryBean();

data: 用于数据的回显

  此处遇到了一个空指针异常的问题, 后台实体类中的属性需要设置默认值private String bizCategory = "";不能使用private String bizCategory;

  没有使用过value属性, 有资料描述(设置默认值则加入value="":) <s:select id="type" name="type" class="ComboType" list="#{'1':'WiFi','2':'移动网络','3':'无网络'}" value="2"></s:select>

list: 静态的创建一个Map,map的key将作为下拉列表的value,map的值将作为下拉列表展示的值。 如果要设置默认选择值则如图多传一位值mode用于默认选择 

 

再解释下headerKey和headerValue两个属性

  headerKey:首选项的默认值   真正提交的是key值
  headerValue:首选项的默认value  例如headerValue="-----------请选择---------------",提示用户作出选择.

  

2:当下拉列表使用的集合是后台数据库所查到的时候可以使用如下方法

<s:select id="adaptRules" name="adaptRules" class="adaptrules" list="adaptruleslist" listKey="id" listValue="name"></s:select>
后台在Action方法中的List处理如下:首先查找到对应对象集合 然后放入request中 在jsp页面获取 
其中jsp中的ListKey就是对象中id属性,listValue就是对象中的name属性

List< Adaptrules> adaptruleslist=adaptrulesService.FindAdaptrules();
request.setAttribute("adaptruleslist", adaptruleslist);
对象的信息如下: 

 

 

 

3:当下拉列表使用后台Map的时候可以使用如下方法

<s:select id="mode" name="mode" οnchange="opCommonHide(this)" class="ComMode" list="#request.modeMap" listKey="key" listValue="value" value="#request.mode"></s:select>
list获取后台request中的Map属性 map的key将作为下拉列表的value,map的值将作为下拉列表展示的值。 如果要设置默认选择值则如图多传一位值mode用于默认选择 

 

标签:map,value,列表,HTML,默认,后台,009,select,属性
来源: https://www.cnblogs.com/jkfeng/p/12018178.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有