1. #region dataTable转换成Json格式
  2. /// <summary>
  3. /// dataTable转换成Json格式
  4. /// </summary>
  5. /// <param name="dt"></param>
  6. /// <returns></returns>
  7. public static string DataTable2Json(DataTable dt)
  8. {
  9. StringBuilder jsonBuilder = new StringBuilder();
  10. jsonBuilder.Append("{\"dept");
  11. jsonBuilder.Append(dt.TableName);
  12. jsonBuilder.Append("\":[");
  13. jsonBuilder.Append("[");
  14. for (int i = 0; i < dt.Rows.Count; i++)
  15. {
  16. jsonBuilder.Append("{");
  17. for (int j = 0; j < dt.Columns.Count; j++)
  18. {
  19. jsonBuilder.Append("\"");
  20. jsonBuilder.Append(dt.Columns[j].ColumnName);
  21. jsonBuilder.Append("\":\"");
  22. jsonBuilder.Append(dt.Rows[i][j].ToString());
  23. jsonBuilder.Append("\",");
  24. }
  25. jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
  26. jsonBuilder.Append("},");
  27. }
  28. jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
  29. jsonBuilder.Append("]");
  30. jsonBuilder.Append("]");
  31. jsonBuilder.Append("}");
  32. return jsonBuilder.ToString();
  33. }
  34.  
  35. #endregion dataTable转换成Json格式

  前台

HTML代码

<lable>院区选择:</lable>
<input class="yq" type="radio" name="hospital" id="radio" value="0" checked="checked"><label for="radio">西院</label>
<input class="yq" type="radio" name="hospital" id="radio2" value="2"><label for="radio2">东院</label>

<select style="width: 100px;" id="deptCode" name="deptCode">
<option value="">全部科室</option>
</select>
<select style="width: 100px;" id="docCode" name="docCode">
<option value="">全部医生</option>
</select>

  1. $(function () {
  2. //此处我放的是 radio 的选中事件
  3. $("input[name=hospital]").click(function () {
  4.  
  5. //获取radio 选中的值
  6. var hospital = $("input[name='hospital']:checked").val();
  7.  
  8. $.post("@Url.Action("GetDeptByHospital", "PatientBooking")", { hospital: hospital }, function (data) {
  9. //将返回的json eval()
  10. var jsonList = eval("(" + data + ")");
  11.  
  12. $.each(jsonList.dept, function (index, b) {
  13.  
  14. for (var i = 0; i < b.length; i++) {
  15. //将值循环添加到 下拉列表中 ------- deptCode=下拉列表的ID
  16. $("#deptCode").append('<option value=' + b[i].dept_code + '>' + b[i].dept_name + '</option>');
  17.  
  18. }
  19. })
  20.  
  21. });
  22. });
  23. });

下拉联动效果代码

  1. $('#deptCode').change(function () {
  2. var hospital = $("input[name='hospital']:checked").val();
  3. var DeptCode = $("#deptCode").val();
  4. $.post("@Url.Action("YY08GetDeptMedicalByHospitalAndDeptCode", "PatientBooking")", { hospital: hospital,deptCode:DeptCode }, function (data) {
  5.  
  6. var jsonList = eval("(" + data + ")");
  7.  
  8. $.each(jsonList.dept, function (index, b) {
  9.  
  10. for (var i = 0; i < b.length; i++) {
  11. // expert_id,expert_name = json 定义的字段
  12. $("#docCode").append('<option value=' + b[i].expert_id + '>' + b[i].expert_name + '</option>');
  13.  
  14. }
  15. })
  16.  
  17. });
  18. });

  

Jquery Json 下拉联动的更多相关文章

  1. Jquery实现下拉联动表单

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. jquery实现下拉联动

    很多项目用到这个功能,虽然写了不下5次以上了,一直没做过记录,记录一下,下次直接拷贝了,免得还得要重复写浪费时间. 先上HTML代码: 品牌: <select class="sa&qu ...

  3. Json 基于jQuery+JSON的省市联动效果

    helloweba.com 作者:月光光 时间:2012-09-12 21:57 标签: jQuery  JSON  Ajax  省市联动     省市区联动下拉效果在WEB中应用非常广泛,尤其在一些 ...

  4. 基于jQuery+JSON的省市联动效果

    省市区联动下拉效果在WEB应用中使用非常广泛,尤其在一些会员信息系统.电商网站最为常见,开发者一般使用AJAX实现无刷新下拉联动. 本文将讲述利用jQuery插件,通过读取JSON数据,实现无刷新动态 ...

  5. AJAX二级下拉联动【XML方式】

    AJAX二级下拉联动案例 我们在购物的时候,常常需要我们来选择自己的收货地址,先选择省份,再选择城市- 有没有发现:当我们选择完省份的时候,出现的城市全部都是根据省份来给我们选择的.这是怎么做到的呢? ...

  6. jquery div 下拉框焦点事件

    这章与上一张<jquery input 下拉框(模拟select控件)焦点事件>类似 这章讲述div的焦点事件如何使用 div的焦点事件与input的焦点事件区别在于 需要多添加一个属性: ...

  7. Jquery操作下拉框(DropDownList)实现取值赋值

    Jquery操作下拉框(DropDownList)想必大家都有所接触吧,下面与大家分享下对DropDownList进行取值赋值的实现代码 1. 获取选中项: 获取选中项的Value值: $('sele ...

  8. jQuery水平下拉菜单实现

    <!DOCTYPE html> <html>    <head>       <title>jQuery水平下拉菜单实现</title>   ...

  9. jquery 获取下拉框值与select text

    下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. 下面先介绍了很多jquery获取select属性的方法,同时后 ...

随机推荐

  1. NPOI 自定义单元格背景颜色-Excel

    NPOI针对office2003使用HSSFWorkbook,对于offce2007及以上使用XSSFWorkbook:今天我以HSSFWorkbook自定义颜色为例说明,Office2007的未研究 ...

  2. 流量三角形:并非简单的"统计学"

    又忙了一周多,今天过来再整理一些东西.国内做产险精算的,准备金的居多,从精算部落中的帖子的跟帖情况可见一斑.既然准备金更容易受到大家的关注,今天再整理一个关于准备金的个人看法,给精算部落收敛一下人气, ...

  3. LL谱面分析和难度标定

    LL谱面分析和难度标定 先介绍一下LL谱面的存储方式:TimeLine序列(简称TL序列),TL序列中的每一个元素(即音符)可以由一个C语言中的结构体来表示: struct note{ int lin ...

  4. Android 广播 BroadcastReceiver

    Android 系统里定义了各种各样的广播,如电池的使用状态,电话的接收和短信的接收,开机启动都会产生一个广播.当然用户也可以自定义自己的广播. 既然说到广播,那么必定有一个广播发送者,以及广播接收器 ...

  5. 列表边框column-rule

    column-rule主要是用来定义列与列之间的边框宽度.边框样式和边框颜色.简单点说,就有点类似于常用的border属性.但column-rule是不占用任何空间位置的,在列与列之间改变其宽度不会改 ...

  6. 通过代码获取res里生成R.java中的值

    引用:http://my.eoe.cn/blue_rain/archive/552.html 有的时候我们生成库文件,需要在里面加入一些UI,并提供出一些xml的资源,那如何在其他项目中使用呢? 我们 ...

  7. node 实现视频播放后端,前端使用video标签,视频文件视频mp4

    var fs = require("fs"), http = require("http"), url = require("url"), ...

  8. Android使用ndk-stack获取so奔溃堆栈

    利用NDK做开发,因为各种原因的不小心,导致了闪退问题,没有stack的话,很难查到问题的所在.这时候ndk-stack出场了. 先看看如下DUMP信息: ********** Crash dump: ...

  9. https基础流程

    背景: https基于SSL,目的是保护http通信的过程,防止中间人篡改信息,或假冒服务端的问题.   要解决的问题: 1. 客户端如何证明是与正确的服务端进行通信 2. 客户端如何确认收到服务端的 ...

  10. python的应该关注的语法

    1.try...finally def test_return(): try: print "try" raise ValueError("valueError" ...