前端:

<%@ 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下拉选框,级联选择的更多相关文章

  1. Javascript -- 示例:多选下拉选框

    1. 示例:多选下拉选框 <html> <head> <meta http-equiv="Content-Type" content="te ...

  2. select下拉选框的默认值,包括每次进入页面的默认值

    下拉选: <select onchange="selectTotal(this.value)" style="width: 50px;">      ...

  3. Yii 生成表单下拉选框及查询下拉选框

    CHtml类参考: http://www.yiichina.com/api/CHtml#activeDropDownList-detail activeDropDownList() 方法 public ...

  4. JS-事件之鼠标、键盘都能控制的下拉选框效果

    <script type="text/javascript"> window.onload=function(e){ var box=document.getEleme ...

  5. Extjs读取本地下拉选框数据源,分为text和value,显示text,传值value

    this.rdTypeCom=new Ext.form.ComboBox({              hiddenName:'rdType',              store:new Ext. ...

  6. 树形菜单复选框级联选择HTML

    模块标题 标识符 类别 链接 排序 系统管理   组   1 用户权限设定 Sys_UserModelConfigList 模块 Sys_UserModelConfigList.aspx 1 角色管理 ...

  7. DOM操作表单(select下拉选框)

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...

  8. iview 表单验证 input 用失去焦点事件 blur, select下拉选框 要用change事件 验证

    birthday: [{ required: true, message: '内容不能为空', trigger: 'blur' }],belongDept: [{ required: true, me ...

  9. 在Ueditor的内容区添加一个下拉选框改变事件

    <script>html='';html=html+` <select name="" onchange='this.appendChild(document.g ...

随机推荐

  1. NSIS

    NSIS 是“Nullsoft 脚本安装系统”(Nullsoft Scriptable Installation System) 的缩写,它是一个免费的 Win32 安装.卸载系统,采用了简洁高效的脚 ...

  2. convert转化成特定日期格式

    CONVERT() 函数可以用不同的格式显示日期/时间数据. CONVERT(data_type(length),data_to_be_converted,style) 例子: CONVERT(VAR ...

  3. git 上传

    首先明白两个点: git clone diveinedu@192.168.1.254:~/YGYSocket  从服务器上下载项目 divein 服务器密码 nc -l -t 2000  socket ...

  4. buildroot mysql

    /******************************************************************** * buildroot mysql * 说明: * 这两天要 ...

  5. OOP初学小结

    最近刚刚开始学python的OOP,感觉不太适应.一些很简单的程序也卡了好半天才能调好- 其中的一个错误是:将两个不同的类的方法互相调用,结果走进死循环- 另外就是debug的时候,不要在那里空空地望 ...

  6. ui学习笔记---第十五天数据库

    数据库的使用 常见的数据库有MySQL       SQL Server       SQLite      Oralce等 在iOS开发中通常使用SQLite数据库,这是一个轻量级的数据库,可以在火 ...

  7. 148. Sort List

    Sort a linked list in O(n log n) time using constant space complexity. 代码如下: /** * Definition for si ...

  8. Matlab GUI设计中的一些常用函数

    Matlab GUI常用函数总结 % — 文件的打开.读取和关闭% — 文件的保存% — 创建一个进度条% — 在名为display的axes显示图像,然后关闭% — 把数字转化为时间格式% — ch ...

  9. CSS控制文本自动换行

    1.你定死表格的宽度,即给表格一个宽度值(是数值,不是百分比) 2.强制不换行 div{ //white-space:不换行;normal 默认;nowrap强制在同一行内显示所有文本,直到文本结束或 ...

  10. Jpush教材

    http://docs.jpush.cn/pages/viewpage.action?pageId=3309574