JSP下拉选框,级联选择
前端:
<%@ page contentType="text/html;charset=UTF-8" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<title>Insert title here</title>
<script type="text/javascript">
//获取查重内容列表
function getnext(tablename) { if(tablename!=""){
$.ajax({
type: "post",
url: "${ctx}/home/findfields",
data: {tablename:tablename,dbname:'jk'},
success: function(data){
//alert(data);
debugger;
$('#fieldSelect').empty();
$('#fieldSelect').append('<option value="" >选择查重字段</option>');
$.each(data, function (i, item) {
//alert(item.id + "," + item.name);
var v=item.fieldname;
var c=item.fieldcomment;
$('#fieldSelect').append('<option value="'+v+'" >'+c+'</option>');
}); }
});
} }
$(function($) {
// 你可以在这里继续使用$作为别名...
$('#tableSelect').change(function(){
var p1=$(this).children('option:selected').val();//这就是selected的值
getnext(p1); })
});
</script>
</head>
<body>
<div class="container" style="margin:200px;">
<table class="table">
<tbody>
<tr>
<td></td>
<td>
查重项目
</td>
<td>
查重字段
</td>
<td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td>
<td>
<select name="tableSelect" id="tableSelect">
<option value="" >选择查重项目</option>
<c:forEach var="item" items="${dataList}" >
<option value="${item.tablename}" >${item.tablecomment} </option>
</c:forEach>
</select>
</td>
<td>
<select name="fieldSelect" id="fieldSelect">
<option value="" >选择查重字段</option>
<c:forEach var="item" items="${fieldList}" >
<option value="${item.fieldname}" >${item.fieldcomment} </option>
</c:forEach>
</select>
</td>
<td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
</tbody>
</table> </div>
</body>
</html>
后端:
package com.wbh.wbhsq.web; import java.util.HashMap;
import java.util.List;
import java.util.Map; import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView; import com.wbh.wbhsq.entity.SqData;
import com.wbh.wbhsq.service.SqdataService; @Controller
@RequestMapping(value = "${adminPath}/home")
public class HomeController extends BaseController { @Autowired
private SqdataService sqdataService; @RequestMapping(value = {"view"})
public String view(@RequestParam(required=true) String loadCode)
{ return "wbhsq/home";
} @RequestMapping(value="getList")
public ModelAndView getList(ModelAndView model) throws Exception{
List<SqData> list=sqdataService.findAll();
model.addObject("dataList", list);
model.setViewName("wbhsq/getList");
return model;
} @RequestMapping(value="setsql")
public ModelAndView setsql(ModelAndView model) throws Exception{
List<SqData> list=sqdataService.findAllTable();
model.addObject("dataList", list);
list=sqdataService.findAll();
model.addObject("fieldList", list);
model.setViewName("wbhsq/setsql");
return model;
} /**
* 获取字段列表
* 2015年12月27日
* By hoge
* @param model
* @param rid
* @return
*/
@RequestMapping(value = {"findfields"})
public @ResponseBody List<SqData> findfields(Model model,String tablename) {
Map<String,Object> filter = new HashMap<String, Object>();
filter.put("tablename", tablename);
List<SqData> fieldList = sqdataService.query(filter);
return fieldList;
} }
JSP下拉选框,级联选择的更多相关文章
- Javascript -- 示例:多选下拉选框
1. 示例:多选下拉选框 <html> <head> <meta http-equiv="Content-Type" content="te ...
- select下拉选框的默认值,包括每次进入页面的默认值
下拉选: <select onchange="selectTotal(this.value)" style="width: 50px;"> ...
- Yii 生成表单下拉选框及查询下拉选框
CHtml类参考: http://www.yiichina.com/api/CHtml#activeDropDownList-detail activeDropDownList() 方法 public ...
- JS-事件之鼠标、键盘都能控制的下拉选框效果
<script type="text/javascript"> window.onload=function(e){ var box=document.getEleme ...
- Extjs读取本地下拉选框数据源,分为text和value,显示text,传值value
this.rdTypeCom=new Ext.form.ComboBox({ hiddenName:'rdType', store:new Ext. ...
- 树形菜单复选框级联选择HTML
模块标题 标识符 类别 链接 排序 系统管理 组 1 用户权限设定 Sys_UserModelConfigList 模块 Sys_UserModelConfigList.aspx 1 角色管理 ...
- DOM操作表单(select下拉选框)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...
- iview 表单验证 input 用失去焦点事件 blur, select下拉选框 要用change事件 验证
birthday: [{ required: true, message: '内容不能为空', trigger: 'blur' }],belongDept: [{ required: true, me ...
- 在Ueditor的内容区添加一个下拉选框改变事件
<script>html='';html=html+` <select name="" onchange='this.appendChild(document.g ...
随机推荐
- 实例讲解Oracle数据库设置默认表空间问题
实例讲解Oracle数据库设置默认表空间问题 实例讲解Oracle数据库设置默认表空间问题,阅读实例讲解Oracle数据库设置默认表空间问题,DBA们经常会遇到一个这样令人头疼的问题:不知道谁在O ...
- LeetCode Convert Sorted Array to Binary Search Tree(数据结构)
题意: 将一个有序的数组建成一棵平衡的BST树. 思路: 因为数组已经有序,每次可以从中点开始建根,再递归下去分别处理左/右子树. /** * Definition for a binary tree ...
- Hex Editor实现Notepad++16进制编辑功能
把HexEditor.dll文件复制到安装目录(如C:\Program Files\Notepad++\plugins),退出NotePad++重新打开即可!需要以十六进制显示时,点击菜单的:[插件] ...
- jsb里出现的 Invalid Native Object的一次bug修复的思考
Cocos2d: jsb: ERROR: File /Users/dcx_JD/Documents/cocos2d-x-2.2.2/scripting/javascript/bindings/gene ...
- 2.0.4 CCLabelTTF在ios7下不显示的问题
要修改框架lib目录里的 CCImage.mm,就是把浮点值取了个整,之前的浮点形导致绘制失败: 在_initWithString这个方法里把如下代码替换一下就行了: //////////////// ...
- Open vSwitch FAQ (三)
Quality of Service (QoS) Q: How do I configure Quality of Service (QoS)? A: Suppose that you want to ...
- 第四部分:python性能技巧
4.1 查询操作为主时,选择字典结构比list结构效率更高 4.2 取list的交集.并集.差集时,可借助set数据结构如listintersection = list(set(lista)& ...
- [翻译]Java垃圾收集精粹(Java Garbage Collection Distilled)
source URL: http://www.infoq.com/articles/Java_Garbage_Collection_Distilled Name: Java Garbage Colle ...
- mysql 操作突然断网,MySQL: “lock wait timeout exceeded”
show processlist;//显示所有进程select * from information_schema.innodb_trx;//查询锁的进程-- kill 310;//杀掉锁进程
- TreodeDB测试及总结
参考资料:http://treode.github.io/store/ 官方网站 实际测试环境:3台有公网IP的服务器,一台阿里云,另两台公司内部 1host IP地址 IP1java -jar se ...