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 ...

随机推荐

斜率dp cdq 分治
f[i] = min { f[j] + sqr(a[i] - a[j]) } f[i]= min { -2 * a[i] * a[j] + a[j] * a[j] + f[j] } + a[i] * ...
URl中文转ASCII
编码 System.Web.HttpUtility.UrlEncode("中国", System.Text.Encoding.GetEncoding("GB2312&qu ...
学习方法和阶段介绍、 iOS界面开发引入、构造第一个App 、视图控制器和视图、控件与事件、 InterfaceBuilder
1 创建并运行第一个App 1.1 问题使用Xcode创建一个App项目,该应用实现功能在界面上显示Hello World标签,在模拟器中的运行结果如图-1所示: 图-1 1.2 方案分析图-1, ...
linxu fcntl 函数用法【转】
功能描述:根据文件描述词来操作文件的特性. 文件控制函数 fcntl -- file control 头文件: #include <fcntl.h>; i ...
关于java发起http请求
我们到底能走多远系列(41) 扯淡: 好久没总结点东西了,技术上没什么总结,感觉做事空牢牢的.最近也比较疲惫. 分享些东西,造福全人类~ 主题: 1,java模拟发起一个http请求使用HttpUR ...
ZMMR103-数据批量导入
************************************************************************ Title : ZMMR103 ** Applicat ...
C#堆栈讲解
1:栈就是堆栈,因为堆和堆栈这样说太拗口了,搞得像绕口令,所以有些时候就把堆栈简称为栈.堆和栈,你看这又多舒服.但无论什么时候,堆栈都不等于堆和栈,必须说,堆和栈或者堆和堆栈. 2:值类型变量和引用类 ...
haar-like特征(转载)
浅析人脸检测之Haar分类器方法 [补充] 这是我时隔差不多两年后, 回来编辑这篇文章加的这段补充, 说实话看到这么多评论很是惊讶, 有很多评论不是我不想回复, 真的是时间久了, 很多细节我都忘记了 ...
Codeforces Round #368 (Div. 2)A B C 水图数学
A. Brain's Photos time limit per test 2 seconds memory limit per test 256 megabytes input standard i ...
No 11.11 in my dictionary
今年雙十一又被坑了.被京东坑大發了,正在努力維權中. 買了大大小小將近3wCNY的商品中唯有一件,我十分滿意羅技的G105遊戲鍵盤,雖然我不是拿來玩遊戲的. 中國人在對比國內外產品時總有1萬個理由好 ...

JSP下拉选框，级联选择

JSP下拉选框，级联选择的更多相关文章

随机推荐

热门专题