前端：

<%@ 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. 13、SQL基础整理（流程控制begin……end）

    流程控制 begin ……end将一个语句块包含起来,中间可以写任何语句 格式: begin--开始 select *from student end--结束 if declare @bianlian ...

  2. window8快捷键

    win8中有很多比较重要的快捷键经常忘记: cmd快捷键:win+x; 截图工具:win+q; 添加环境变量:右键点击左下角window图标; 添加定时任务:右键点击计算机管理->任务计划程序.

  3. Yii 中的createUrl和redirectUrl

    Yii  这两个url表示方法容易混淆,区别如下: $this->CreateUrl('控制器/方法',get参数); $this->CreateUrl('方法');           ...

  4. com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link failure 数据库报错

    -- 查询mysql 数据库链接空闲时间持有最大空闲时间,单位为秒 SHOW VARIABLES WHERE VAriable_name = 'interactive_timeout'; -- 会出现 ...

  5. vs2013常用快捷键收集

    vs2013快捷键: 复制一整行代码: Ctrl+C剪切一整行代码: Ctrl+X删除一整行代码: Ctrl+L跳转到指定的行:ctrl+G 注释:组合键“Ctrl+K+C”取消注释:组合键“Ctrl ...

  6. 建造模式Builder

    建造模式Builder /** * 抽象建造者 */ public abstract class Builder { public abstract void buildPart1(); public ...

  7. Eclipse Pydev 技巧汇编

    之前一直使用eclipse中默认的console.但是这个console并不是interactive的,如果数据比较小的时候还行,数据量一旦很大,则每次调试都需要重新再跑一遍程序,从而浪费很多时间. ...

  8. strong和b

    strong和b标签都是很久以前遗留下来的标签,b标签用来加粗字体,strong用来强调,通常浏览器会把强调的语句加粗,所以二者效果比较近似.语义化愈发受重视以后,b标签退出大众视野,strong依然 ...

  9. db2 字符串转换 数字

    今天使用聚合函数的时候 发现 varchar类型的是不可用的,所以呢就开始想办法解决 用到了转换函数cast(s.score as bigint) 然后有一个问题就是如果数据为空的话就会发生转换错误. ...

  10. 2016 ACM/ICPC Asia Regional Shenyang Online 1003/HDU 5894 数学/组合数/逆元

    hannnnah_j’s Biological Test Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 131072/131072 K ...