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 ...
随机推荐
- Java 可变参数
java1.5增加了新特性:可变参数:适用于参数个数不确定,类型确定的情况,java把可变参数当做数组处理.注意:可变参数必须位于最后一项.当可变参数个数多余一个时,必将有一个不是最后一项,所以只支持 ...
- Bootstrap_Javascript_提示框
一. 结构分析 在Bootstrap框架中的提示框,结构非常简单,常常使用的是按钮<button>标签或者链接<a>标签来制作.不管是使用按钮还是链接来制作提示框,他们都有一个 ...
- 在Lufylegend中如何设置bitmap或者sprite的缩放和旋转中心
最近两天有个lufylegend游戏引擎群的群友需要做一个项目,其中要解决的需求是:获取照相机拍摄的图片,根据图片的EXIF信息让图片显示为“正常”情况,并且需要给图片添加一些事件侦听.何为正常呢?就 ...
- PHP android ios相互兼容的AES加密算法
APP项目用户密码传输一直没有用HTTPS,考虑到用户的隐私暂时先用AES对密码加密,以后也可以用于手机端与服务端加密交互. PHP的免费版phpAES项目,手机端解码各种不对. 好不容易找了PHP ...
- STM32学习笔记——定时器中断(向原子哥学习)
定时器中断 STM32 的定时器功能十分强大,有 TIME1 和 TIME8 等高级定时器,也有 TIME2~TIME5 等通用定时器,还有 TIME6 和TIME7 等基本定时器.在本章中,我们将利 ...
- operation 多线程
2.Cocoa Operation 优点:不需要关心线程管理,数据同步的事情.Cocoa Operation 相关的类是 NSOperation ,NSOperationQueue.NSOperati ...
- Servlet常用类
javax.servlet.ServletConfig;javax.servlet.ServletException;javax.servlet.http.HttpServlet;javax.serv ...
- Plan-9效应:为什么东西不坏就不要去修它
http://www.aqee.net/the-plan-9-effect-or-why-you-should-not-fix-it-if-it-aint-broken/ Plan-9是一个很棒的.很 ...
- Yii widget使用
关于widgets,他们在yii中的关系如下 system.web.widgets 系统自带最基本的widget zii.widgets 是基本扩展 zii.widgets.grid 是基本扩展的重要 ...
- JavaScript 函数和对象
在javascirpt 世界中,所有的函数都是对象,并且还可以被用来创建对象. function make_person(firstname, lastname, age) { person = {} ...