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

随机推荐

创建XML文档结构
static void CreateXML(string outputPath) { XmlDocument _xmlDoc = new XmlDocument(); string _xmlNode ...
magento 多域名多店铺
事前指导我们使用的就是parked domain ,将你要添加的域名指向你的现有magento 文件根目录. 就像预习中提到的,我们有个magento站域名为one.com ,添加新的域名two.c ...
收集Magento FAQ常见问题处理办法
问题:Magento如何下载? 解答:Magento的英文官方下载地址为:http://www.magentocommerce.com/download 注意:需要注册后才可以下载,而且请下载完整版本 ...
installshield
转载出处:海洋女神
wrk中的lua脚本(转)
转载地址:http://www.tuicool.com/articles/IFjIJjU wrk是一款现代化的http压测工具,提供lua脚本的功能可以满足每个请求或部分请求的差异化. wrk中执行h ...
ORA-12545: 因目标主机或对象不存在, 连接失败
ORA-12545: 因目标主机或对象不存在, 连接失败 1. 问题描述 XP系统下同时安装了AX1应用程序和升级版AX2,连接同一个在本机Oracle客户端上配置的连接实例,其中AX2显示链接成功, ...
Mysql Too Many Connections问题解决
MySQL的max_connections参数用来设置最大连接(用户)数.每个连接MySQL的用户均算作一个连接,max_connections的默认值为100.本文将讲解此参数的详细作用与性能影响. ...
堆排序（C++版）
#include <iostream> using namespace std; void HeapAdjust(int* a, int start, int n) { int max=s ...
Canvas俄罗斯方块
写在前面潜水博客园多年,从未写过博客.最近才注册博客,遂将很久前写的俄罗斯方块分享出来.第一次写博客,不喜勿喷... 游戏说明游戏操作:J向左,L向右,I旋转,K快速下降游戏基于HTML can ...
移动互联网实战--Apple的APNS桩推送服务的实现(1)
前记: 相信大家在搞IOS推送服务的开发时, 会直接使用javapns api来简单实现, 调试也直连Apple的APNS服务(产品/测试版)来实现. 很少有人会写个APNS的桩服务, 事实也是如此. ...

JSP下拉选框，级联选择

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

随机推荐

热门专题