前端：

<%@ 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. Java课程作业1

    模仿JavaAppArguments.java实例,编写一个程序,此程序从命令行接受多个数字,求和之后输出. 设计思想:命令行参数都是字符串,必须将其转化成数字才能相加,定义一个数组接收字符串转化的数 ...

  2. js动态设置窗体位置

    1设置登录框的js,动态设置高度等 <script> $(document).ready(function () { $() / + "px"); $("in ...

  3. windows系统mysql定时自动备份

    MySQL Administrator 工具是MySQL官方的数据库管理工具,包含在MySQL GUI Tools中,可在MySQL官方网站下载到,下载地址:http://dev.mysql.com/ ...

  4. C++的虚函数表

    这里的例子全部来自陈皓的C++ 虚函数表解析,经过修改的. 编译器:g++ (Ubuntu 4.9.2-10ubuntu13) 4.9.2 环境:ubuntu 15.04  64位系统(地址占8字节) ...

  5. Array操作方法和String操作方法比较

    Array 的操作方法和 String 的操作方法老是弄混>_<,下面就对于这两个对象的常用操作方法进行比较~~ Array ☞ 操作方法 concat():returns a new a ...

  6. TCP的分层结构

    TFTP(Trivial File Transfer Protocol,简单文件传输协议)是TCP/IP协议族中的一个用来在客户机与服务器之间进行简单文件传输的协议,提供不复杂.开销不大的文件传输服务 ...

  7. Matlab 矩阵卷积理解（转载）

    转载自:http://blog.csdn.net/andrewseu/article/details/51783181 在图像处理的过程中,经常会看到矩阵卷积的概念,比如说用一个模板去和一张图片进行卷 ...

  8. 比较compareTo与equals及==的区别

    1.compareTo: 附上:源码: public int compareTo(String anotherString) {         int len1 = value.length;   ...

  9. POJ 2253 Frogger

    题目链接:http://poj.org/problem?id=2253 Frogger Time Limit: 1000MS   Memory Limit: 65536K Total Submissi ...

  10. js部分---流程语句的基本形式；

    while  do-while  for  for-in   return break  continue   if  swich   try-catch异常语句处理