select菜单实现二级联动
<tr>
<th>执行人<b>*</b></th>
<td>
<select name="jdcld.ZXDW" id="zxrDw" onchange="zxDwChange()" class="select" style="width:230px">
<option value="">选择部门</option>
<#if zxrBm??&&zxrBm?size!=0>
<#list zxrBm as bm>
<option value="${bm['id']}">${bm['mc']}</option>
</#list>
</#if>
</select>
<select name="jdcld.ZXRID" id="zxrId" class="select" style="width:230px">
<option value="">选择民警</option>
</select>
<input type="hidden" name="jdcld.ZXRXM"/>
</td>
</tr>
function zxDwChange() {
var bmid = $("#zxrDw").val();
alert(bmid);
$("#zxrId").empty();
var text = "<option value=''>选择民警</option>";
$.post("${base}/zfjd/zxrList", {"bmid":bmid}, function(data) {
if (data != "") {
var dataArr = eval('(' + data + ')');
for (var i in dataArr) {
text += "<option value='" + dataArr[i].value + "'>" + dataArr[i].title + "</option>";
}
if (text == "<option value=''>选择民警</option>") {
$("#zxrId").append("<option value=''>选择民警</option>");
} else
$("#zxrId").append(text);
} else {
$("#zxrId").append("<option value=''>选择民警</option>");
}
});
}
@Action("zxrList")
public void zxrList() {
try {
if (request.getParameter("bmid").equals("")) {
} else {
Integer bmid = Integer.parseInt(request.getParameter("bmid"));
zxr = policeMenService.getZxr(bmid);
String json = "[";
if (null != zxr && zxr.size() > 0) {
for (Map map : zxr) {
json += "{\"value\":\"" + map.get("id") + "\",\"title\":\"" + map.get("xm") + "\"},";
}
json = json.substring(0, json.length() - 1);
}
json += "]";
super.renderText(json);
}
} catch (Exception e) {
e.printStackTrace();
}
}
select菜单实现二级联动的更多相关文章
- Dwz下拉菜单的二级联动
在DWZ文档中对组合框combox的是这样描述的: 在传统的select 用class 定义:class=”combox”, html 扩展:保留原有属性name, 增加了属性:ref. ref 属 ...
- 如何用jstl的select标签做二级联动下拉列表框??
下拉列表框的多级联动早就会了.但是用jstl的select标签做下拉列表框的做二级联动的时候还是遇到了些问题.主要问题在用Ajax查询到的数据如何拼成下拉选项的时候.其实很简单,但我还是折腾了好久.所 ...
- Select标签下拉列表二级联动级联
首先从服务器端,绑定下拉列表,二级下拉的text命名按照一定规则加上一级下拉的ID. var options=new Array(); $(document).ready(function(){ // ...
- <select>简易的二级联动
1.首先是表单页面: <tr> <td align="right"> <label class="Validform_label" ...
- select标签实现二级联动
效果如下图所示: 实现的原理:使用onchange事件,原理见代码 html代码: <select id="select" class="sel"> ...
- select下拉二级联动
function opt(){ var id = $("#ids").val(); $.ajax({ type: "POST", url: "$ ...
- (实用篇)jQuery+PHP+MySQL实现二级联动下拉菜单
二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动.本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果. 先看下效果 大类: 前端技术 ...
- 利用JS实现一个简单的二级联动菜单
前几天在看js的相关内容,所以就简单写了一个二级联动菜单.分享一下. <!DOCTYPE html> <html lang="en"> <head&g ...
- jquery实现select二级联动
jquery实现一个简单的select二级联动菜单,代码如下 <!DOCTYPE html> <html> <head> <meta charset=&quo ...
随机推荐
- WCF服务对象实例化基础
很多情况下,我们都需要控制wcf服务端对象的初始化方式,用来控制wcf实例在服务端的存活时间. Wcf框架提供了三种创建wcf实例的方式. WCF服务对象实例化基础 在普通的WCF请求和相应过程中,将 ...
- HTML5有语义的内联元素详解
HTML5有语义的内联元素详解 time标签 time 元素表示一个时间值,比如 5:35 P.M., EST, April 23, 2007.例如: Example Source Code:< ...
- 用PHP添加购物商品
<?php session_start(); header ( "Content-type: text/html; charset=UTF-8" ); //设置文件编码格式 ...
- CSS Hack技术详解,支持IE 6-11、Chrome、FireFox、Safari、Opera 6-11、Chrome、FireFox、Safari、Opera6-11、Chrome、FireFox、Safari、Opera6-11、Chrome、FireFox、Safari、Opera
转自: http://www.365mini.com/page/css-hack-ie-chrome-firefox-safari-opera.htm 当前网络时代,各种各样的网页向我们展示着丰富多彩 ...
- Python自动化运维之22、JavaScript
一.简介 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理.学习了htm ...
- unix环境高级编程-读书笔记与习题解答-第一篇
从这周开始逐渐的进入学习状态,每天晚上都会坚持写c程序,并且伴随对这本书的深入,希望能写出更高质量的读书笔记和程序. 本书的第一章,介绍了一些关于unix的基础知识,在这里我不想去讨论linux到底是 ...
- Python Lib:pyzmq
http://git.oschina.net/gitlab/StartWithCoding/tree/master/example/python/pyzmq
- Fresco 多图加载之ResizeOptions
引言 最近圈子开发工作比较重再加上寒冬已至,所以停了两个月没写,手有点生,好吧,这都是借口,我承认-( ̄▽ ̄-),下面回归正题. 一般地在使用Fresco图片的时候,无需担心图片大小的问题,因为 通常 ...
- HDU 1207
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1207 四柱汉诺塔问题 当 r = (sqrt(8*n+1)-1)/2 时, 存在 count = (n ...
- google 论文
从google历年所有论文的汇总来看,TOP5的分别是人工智能和机器学习.算法理论.人机交互与视觉.自然语言处理.机器感知,大家从一个侧面看出goolge research的重点了吧. Google所 ...