暂未做详细整理, 后期有机会完善

jsp
是否有效:
<s:select id="queryIsValid" name="configBean.queryIsValid" data="${configBean.queryIsValid}" cssClass="box_cangdan" list="#{'':''}"></s:select> js
var isValidData = [{"value":"0","name":"否"},
{"value":"1","name":"是"}]; /**
* 绑定是否有效
*/
function bindIsValidData(idArray){
$.each(idArray, function(i, n){
var oldValue = $("#"+n).attr("data");
$("#"+n).empty();
$("#"+n).append("<option value=''></option>");
for(var i in isValidData){
$("#"+n).append("<option value='"+isValidData[i].value+"'>"+isValidData[i].name+"</option>");
}
$("#"+n).val(oldValue);
});
} $(function(){
bindIsValidData(["queryIsValid"]);
}); 后台 - 具体的查询功能
EntBusinessConfigBean.java
属性(setter/getter)private String queryIsValid = ""; xxxAction
属性(setter/getter)private EntBusinessConfigBean configBean = new EntBusinessConfigBean(); //接收参数bean
map.put("queryIsValid", null==configBean?null:configBean.getQueryIsValid()); showBeans = entBusinessConfigService.queryBusinessConfigDic(map, page); Object queryIsValid = map.get("queryIsValid");
if (queryIsValid != null && queryIsValid.toString().trim().length() > 0) {
sql.append(" and t.Is_Valid = ? ");
params.add(queryIsValid);
} //List<Map<String, Object>>
return new SQLQueryAdapter(this.hibTemplate).executeNativeSqlResultMap(sql.toString(), params,page);

Java后台返回Map(自动转Json),前端进行遍历处理

返回数据格式如下

{
"result": true,
"operModuleMap": [{
"value": "舱单申报",
"key": "AIRCDSB"
}, {
"value": "信息共享",
"key": "AIRXXGX"
}, {
"value": "运输工具申报",
"key": "AIRYSGJSB"
}]
}

后端Struts部分代码

//用于Ajax返回数据(setter/getter)
private Map<String,Object> validateExists = new HashMap<String, Object>(); @Action(value = "cheangeDomainCode",
results = {
@Result(name = "success", type = "json", params= {"root","validateExists"})}
)
public String cheangeDomainCode(){
try {
String domainCode = SessionUtil.getRequest().getParameter("domainCode");
Map<String, String> map = new HashMap<String, String>();
map.put("domainCode", domainCode);
operModuleMap = operationalGuidelinesConfigService.queryOperModuleByDomainCode(map);
if (null != operModuleMap && operModuleMap.size() > 0) {
validateExists.put("result", true);
validateExists.put("operModuleMap", operModuleMap);
} else {
validateExists.put("result", false);
validateExists.put("info", "没有找到符合条件的记录!");
}
} catch (Exception e) {
log.error("[Action cheangeDomainCode Exception message]: "+e.getMessage(), e);
e.printStackTrace();
validateExists.put("result", false);
validateExists.put("info", e.getMessage());
}
return SUCCESS;
}

前端使用全部变量接收

//全局变量: 业务模块名称
var operModuleArr = "";
//查询业务模块名称, 用于下拉框数据填充满
function findOperModuleMap(domainCode, moduleCode) {
$.ajax({
url:"cheangeDomainCode.action?domainCode="+domainCode,
dataType : "json",
async: false, //默认为true,改为false 则为同步请求
cache: false,
success:function(data){
if (data.result) {
operModuleArr = data.operModuleMap;
}
}
});
}

前端进行遍历追加到下拉选项

$("#operModuleMap").empty();
$("#operModuleMap").append("<option value=''>请选择</option>");
for(var i=0; i < data.operModuleMap.length; i++){
$("#operModuleMap").append("<option value="+data.operModuleMap[i].key+">"+data.operModuleMap[i].key + "/" +data.operModuleMap[i].value+"</option>");
/*if(!isEmpty(moduleCode) && data.operModuleMap[i].key==moduleCode) {
$("#operModuleMap").append("<option value="+data.operModuleMap[i].key+" selected>"+data.operModuleMap[i].key + "/" +data.operModuleMap[i].value+"</option>");
}else {
$("#operModuleMap").append("<option value="+data.operModuleMap[i].key+">"+data.operModuleMap[i].key + "/" +data.operModuleMap[i].value+"</option>");
}*/
}

下拉框 显示name 隐藏code的更多相关文章

  1. Bootstrap Flat UI的select下拉框显示不出来 问题解决

    Bootstrap Flat UI的select下拉框显示不出来?看这里,恰巧今天我也遇到了这个问题: 点击Messages后并没有出现下拉列表,然而官网的index.html却能显示出来. 经过一番 ...

  2. -第2章 JS方法实现下拉菜单显示和隐藏

    知识点 onmouseover 鼠标经过 onmouseout 鼠标移出 function 关键字 getElementsByTagName 获取一组标签 length 获取对象成员个数 思路 给一级 ...

  3. -第3章 jQuery方法实现下拉菜单显示和隐藏

    知识点 jquery 的引入方式 本地下载引入 在线引入 children 只获取子元素,不获取孙元素 show() 显示. hide() 隐藏. 完整代码 <!-- Author: XiaoW ...

  4. Extjs 下拉框显示远程数据

    var store = new HT.SyncStore({ baseParams : { itemName : '绩效考核_任务状态' }, url : __ctxPath + '/system/l ...

  5. js-头部的下拉框出现与隐藏,注意加上stop??

    效果: 主要代码:

  6. vue自定义下拉框组件

    创建下拉框组件 Select.vue <template> <div class="selects"> <div :class="{sele ...

  7. easyUI combobox下拉框很长,easyUI combobox下拉框如何显示滚动条的解决方法

    如下图,combobox下拉框里内容很多时,会导致下拉框很长,很不美观. 如何使得combobox下拉框显示滚动条 方法:把属性panelHeight:"auto"注释掉即可. $ ...

  8. 下拉框click事件与搜索框blur事件的爱恨纠葛

    还原车祸现场 功能类似于百度搜索,搜索框输入内容,下拉框显示候选项,点击候选项就选择候选项,然后下拉框隐藏,点击外面就直接隐藏下拉框,于是我写了以下代码 //参会单位联想 $('input[name= ...

  9. iOS: 悬浮的条件筛选下拉框的使用

    1.介绍 app中条件筛选视图是很常用的功能,一般它搭配着tableView的表头悬浮滚动使用,点击按钮时,就会弹出下拉框显示条件,选择一个条件后,下拉框自动隐藏. 2.效果图如下 从中间点击弹出,然 ...

随机推荐

  1. SASS摘要

    SASS提高了代码的重复利用率,提高了效率.不用去记或者查找复杂或者繁琐的参数和书写规则. 这里简单整理了实际业务中常常用到的几个功能. 1. 父元素引用 & a { &:hover ...

  2. 汉字在unicode中的位置

    在www.unicode.org中查找汉字.china找不到,后来查资料才明白,应该查CJK,为什么内? unicode这个组织吧中国日本韩国的字合并了   中日韩统一表意文字(CJK Unified ...

  3. Power BI学习

    常见用途: 1.连接数据 2.转换和清洗该数据,以创建数据模型 3.创建视觉对象,如提供数据的可视化表示形式的图表或图形 4.在一个或者多个报表页上创建作为视觉对象集合的报表 5.使用Power BI ...

  4. vim字符匹配

    按 : 这个符号进入命令模式后,可以对文本信息进行替换.删除等操作.

  5. 位、字,字节与KB的关系?

    位:我们常说的bit,位就是传说中提到的计算机中的最小数据单位:说白了就是0或者1:计算机内存中的存储都是01这两个东西. 字节:英文单词:(byte),byte是存储空间的基本计量单位.1byte  ...

  6. Swarm系列7--存储介绍

    存储介绍 1. 存储使用 与docker一样,在使用swarm服务级别的时候可以定义服务的存储需求, docker存储介绍参考: Docker之应用数据管理(volume/bind mount/tmp ...

  7. 12.2备库rman使用delete删除归档日志报错RMAN-08137: WARNING: archived log not deleted, needed for standby or upstream capture process

    问题: 客户环境12.2 dg备库环境,定时清理归档脚本并未正常清理归档日志文件. 观察日志可以发现存在如下信息 RMAN-08137: WARNING: archived log not delet ...

  8. 15-MySQL DBA笔记-运维管理

    第15章 运维管理 随着各种技术的快速发展,现今的DBA可以比以前的DBA维护多得多的数据库实例.DBA已经越来越像一个资源的管理者,而不是简单的操作步骤执行人.本章将为读者介绍规模化运维之道.首先, ...

  9. 【Transact-SQL】让人快遗忘的游标

    原文:[Transact-SQL]让人快遗忘的游标 最初学SQL Server的时候,当学到游标的时候,突然有了一种亲切感,因为这种通过一个while循环,一条一条的处理数据的方式,很像学过的过程式语 ...

  10. .NET Core 使用ModelBinder去掉所有参数的空格

    一.前言 通过各种姿势搜索都没搜到这方面的,唯一找到一个比较符合的,但是只适合简单类型,而且代码还没贴全,心累.. 然后查看官网和源码之后,发现继承并实现 IModelBinder和IModelBin ...