1. <tr>
  2. <th>执行人<b>*</b></th>
  3. <td>
  4. <select name="jdcld.ZXDW" id="zxrDw" onchange="zxDwChange()" class="select" style="width:230px">
  5. <option value="">选择部门</option>
  6. <#if zxrBm??&&zxrBm?size!=0>
  7. <#list zxrBm as bm>
  8. <option value="${bm['id']}">${bm['mc']}</option>
  9. </#list>
  10. </#if>
  11. </select>
  12. <select name="jdcld.ZXRID" id="zxrId" class="select" style="width:230px">
  13. <option value="">选择民警</option>
  14. </select>
  15. <input type="hidden" name="jdcld.ZXRXM"/>
  16. </td>
  17. </tr>
  1. function zxDwChange() {
  2. var bmid = $("#zxrDw").val();
  3. alert(bmid);
  4. $("#zxrId").empty();
  5. var text = "<option value=''>选择民警</option>";
  6. $.post("${base}/zfjd/zxrList", {"bmid":bmid}, function(data) {
  7. if (data != "") {
  8. var dataArr = eval('(' + data + ')');
  9. for (var i in dataArr) {
  10. text += "<option value='" + dataArr[i].value + "'>" + dataArr[i].title + "</option>";
  11. }
  12. if (text == "<option value=''>选择民警</option>") {
  13. $("#zxrId").append("<option value=''>选择民警</option>");
  14. } else
  15. $("#zxrId").append(text);
  16. } else {
  17. $("#zxrId").append("<option value=''>选择民警</option>");
  18. }
  19. });
  20. }
  1. @Action("zxrList")
  2. public void zxrList() {
  3. try {
  4. if (request.getParameter("bmid").equals("")) {
  5.  
  6. } else {
  7. Integer bmid = Integer.parseInt(request.getParameter("bmid"));
  8. zxr = policeMenService.getZxr(bmid);
  9. String json = "[";
  10. if (null != zxr && zxr.size() > 0) {
  11. for (Map map : zxr) {
  12. json += "{\"value\":\"" + map.get("id") + "\",\"title\":\"" + map.get("xm") + "\"},";
  13. }
  14. json = json.substring(0, json.length() - 1);
  15. }
  16. json += "]";
  17. super.renderText(json);
  18. }
  19. } catch (Exception e) {
  20. e.printStackTrace();
  21. }
  22. }

select菜单实现二级联动的更多相关文章

  1. Dwz下拉菜单的二级联动

    在DWZ文档中对组合框combox的是这样描述的: 在传统的select 用class 定义:class=”combox”, html 扩展:保留原有属性name,  增加了属性:ref. ref 属 ...

  2. 如何用jstl的select标签做二级联动下拉列表框??

    下拉列表框的多级联动早就会了.但是用jstl的select标签做下拉列表框的做二级联动的时候还是遇到了些问题.主要问题在用Ajax查询到的数据如何拼成下拉选项的时候.其实很简单,但我还是折腾了好久.所 ...

  3. Select标签下拉列表二级联动级联

    首先从服务器端,绑定下拉列表,二级下拉的text命名按照一定规则加上一级下拉的ID. var options=new Array(); $(document).ready(function(){ // ...

  4. <select>简易的二级联动

    1.首先是表单页面: <tr> <td align="right"> <label class="Validform_label" ...

  5. select标签实现二级联动

    效果如下图所示: 实现的原理:使用onchange事件,原理见代码 html代码: <select id="select" class="sel"> ...

  6. select下拉二级联动

    function opt(){ var id = $("#ids").val(); $.ajax({   type: "POST",  url: "$ ...

  7. (实用篇)jQuery+PHP+MySQL实现二级联动下拉菜单

    二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动.本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果. 先看下效果 大类:  前端技术 ...

  8. 利用JS实现一个简单的二级联动菜单

    前几天在看js的相关内容,所以就简单写了一个二级联动菜单.分享一下. <!DOCTYPE html> <html lang="en"> <head&g ...

  9. jquery实现select二级联动

    jquery实现一个简单的select二级联动菜单,代码如下 <!DOCTYPE html> <html> <head> <meta charset=&quo ...

随机推荐

  1. 未能解析目标框架“.NETFramework,Version=v4.0”的 mscorlib 错误的解决办法

    查看项目属性,发现该项目的目标框架是.NET Framework 4 Client Profile ,而被引用的程序集的目标框架是.NET Framework 4,将该项目的目标框架修改成.NET F ...

  2. 再次探究Android ListView缓存机制

    概述 虽然现在5.0后Google推出了RecycleView,但在5.0 Lollipop普及前Listview仍会被广泛使用,所以打算再次探究一下Listview的源码,了解一下Listview ...

  3. 企业证书发布APP

    http://blog.csdn.net/xueer8835/article/details/18033221 1.首先要企业版的开发者帐号2.证书配置参考 IOS开发--企业版IDP的申请及“In  ...

  4. centos下Elasticsearch数据迁移与备份

    ########### ### 共享创建es官方网站就一句话 ########   1.下载 文件共享 .. rpm -i http://mirror.symnds.com/distributions ...

  5. sql 使用 FOR XML PATH实现字符串拼接

    sql中经常需要把多个行数据合成一行下面是利用 FOR XML PATH来实现的简单介绍. 1,把图一的转换为图二: SELECT articleID, (),tagID)+',' FROM arti ...

  6. BTREE与其它索引的优缺点对比

    数据库BTree索引.Hash索引.Bitmap位图索引的优缺点 (2016-01-05 17:13:40) 转载▼ 标签: 数据库 索引 mysql oracle 分类: IT http://www ...

  7. Selenium 自动化验收测试

    Web 应用程序的验收测试常常涉及一些手工任务,例如打开一个浏览器,并执行一个测试用例中所描述的操作.但是手工执行的任务容易出现操作人员人为的错误,也比较费时间.因此,尽可能将这些任务自动化,以消除人 ...

  8. About javascript language

    Core http://www.cnblogs.com/leoo2sk/archive/2010/12/19/ecmascript-scope.html function(arguments) fun ...

  9. 玩玩TCPCOPY+ intercept+mysql-replay-module(未成功)

    TCPCOPY+ intercept这两个模拟流量转发倒简单. 但,想实现一个mysql-replay-module模块时,失败了.(我现在仔细想想,这个方案,在我们现在的场景里,实用性不大,但弄好点 ...

  10. Content related to smartcards (and RFID/NFC)

    Introduction Add your content here. ISO/IEC 7816 Contact Cards Hardware EMV payment cards Orange Cas ...