前端：

<%@ 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. HDU 2829 Lawrence （斜率DP）

    斜率DP 设dp[i][j]表示前i点,炸掉j条边的最小值.j<i dp[i][j]=min{dp[k][j-1]+cost[k+1][i]} 又由得出cost[1][i]=cost[1][k] ...

  2. web字体

    <span style="font-family:sans-serif">Lorem Ipsum</span> <span style="f ...

  3. Linux VPS下SSH常用命令

    目录操作:rm -rf mydir /*删除mydir目录,不需要确认,直接删除*/mkdir dirname /*创建名为dirname的目录*/cd mydir /*进入mydir目录*/cd - ...

  4. JQuery操作Table元素

    使用Jquery操作Table中的tr向上或向下移动,以及全选和反选操作. 点击Table Head中的复选框,全选或反选表格中所有的复选框; 选中复选框,点击Up 按钮, tr上移;点击 Down ...

  5. 第一个Sprint冲刺第六天

    讨论成员:邵家文.李新.朱浩龙.陈俊金 讨论问题:解决编写代码的问题 讨论地点:宿舍 进展:已开始对代码的编写

  6. linux的ftp使用方法

    linux下常用FTP命令 1. 连接ftp服务器 以下是在服务器为Ubuntu环境下操作: (1)首先需要安装vsftp软件,已经安装的可跳过. 1.更新软件源 #apt-get  update 2 ...

  7. 【转】C++析构函数为什么要为虚函数

    注:本文内容来源于zhice163博文,感谢作者的整理. 1.为什么基类的析构函数是虚函数? 在实现多态时,当用基类操作派生类,在析构时防止只析构基类而不析构派生类的状况发生. 下面转自网络:源地址  ...

  8. 尽量多的以 const/enum/inline 替代 #define

    前言 在面向过程语言,如 C 语言中,#define 非常常见,也确实好用,值得提倡.但在如今面向对象的语言,如 C++ 语言中,#define 就要尽量少用了. 为何在 C++ 中就要少用了呢? 这 ...

  9. Sprint第二个冲刺（第六天）

    一.Sprint 计划会议: 因为这两天课程较多的原因,表面上进度可能可能没有太大的变化,其实组员们都有完善之前做的功能,正在做的功能也在抓紧时间完成.俗话说得好,慢工出细活 ,不能因为赶进度就随便做 ...

  10. Websphere发布时遇到的问题

    在发布时遇到了data source配置的问题,搞了好久没搞定,最后问题出现在 JDBC providers那边,Implementation class name 改成: com.ibm.db2.j ...