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 ...
随机推荐
- 源码来袭!!!基于jquery的ajax分页插件(demo+源码)
前几天打开自己的博客园主页,无意间发现自己的园龄竟然有4年之久了.可是看自己的博客列表却是空空如也,其实之前也有写过,但是一直没发布(然而好像并没有什么卵用).刚开始学习编程时就接触到博客园,且在博客 ...
- visual studio中验证控件的使用
1.RequiredFieldValidator:验证一个必填字段,如果这个字段没填,那么,将不能提交信息. RequiredFieldValidator控件中,主要设置三个属性: (1)ErrorM ...
- ajax验证用户名和密码
var user = form.name.value; var password = form.password.value; var url = "chkname.php?user=&qu ...
- Sass学习
1.1下载地址: http://rubyinstaller.org/downloads 2.1 安装 SASS是Ruby语言写的,但是两者的语法没有关系.不懂Ruby,照样使用.只是必须先安装Ruby ...
- GPUImage 自定义滤镜
GPUImage 自定义滤镜 GPUImage 是一个基于 GPU 图像和视频处理的开源 iOS 框架.由于使用 GPU 来处理图像和视频,所以速度非常快,它的作者 BradLarson 称在 iPh ...
- KVO初探
一,概述 KVO,即:Key-Value Observing,它提供一种机制,当指定的对象的属性被修改后,则对象就会接受到通知.简单的说就是每次指定的被观察的对象的属性被修改后,KVO就会自动通知相应 ...
- [walkthrough] 在Asp.net MVC6 RC里使用NLog,并且把配置集成到config.json
说明一下:本文基于随visual studio 2015 RC公开的DNX1.0.0-beta4,git上最新的aspnet的开发版本已经发生了很大变化. 首先,理论部分看[汤姆大叔的博客] 解读AS ...
- go语言细节
1 数组与字符串为值类型,切片.映射.通道为值类型,赋值需注意. package main import ( "fmt" ) func main() { //数组 a1 := [] ...
- BZOJ 1087 互不侵犯
Description 在\(N \times N\)的棋盘里面放\(K\)个国王,使他们互不攻击,共有多少种摆放方案.国王能攻击到它上下左右,以及左上左下右上右下八个方向上附近的各一个格子,共\(8 ...
- [BZOJ 1692] [Usaco2007 Dec] 队列变换 【后缀数组 + 贪心】
---恢复内容开始--- 题目链接:BZOJ - 1692 题目分析 首先,有个比较简单的贪心思路:如果当前剩余字符串的两端字母不同,就选取小的字母,这样显然是正确的. 然而若两端字母相同,我们怎么选 ...