需求类似这样 ↓ ↓ ↓
--》
菜单A发生变化，动态取数据填充下拉菜单B。
JS代码如下：
$(function () {
$("#TeamSelect").change(function () {
var tid = $("#TeamSelect option:selected").val();
$.ajax({
url: "/ajax/ajaxGetManagerByTeam.aspx?teamId="+tid,
type: "Post",
contentType: "application/json",
dataType: "json",
success: function (data) {
var ddl = $("#ManagerSelect");
//删除节点
$("#ManagerSelect option").remove();
//转成Json对象
var result = eval(data);
//循环遍历 下拉框绑定
$(result).each(function (key) {
//添加option 对应Json对象名称
var opt = $("").text(result[key].ManagerName).val(result[key].ManagerID);
ddl.append(opt);
});
},
error: function () {
alert("Error");
}
});
});
});
ajaxGetManagerByTeam.aspx.cs页面代码如下：
protected void Page_Load(object sender, EventArgs e)
{
var teamId = ;
try
{
var teamIdStr = Request.QueryString["teamId"];
if (!string.IsNullOrEmpty(teamIdStr))
{
int.TryParse(teamIdStr, out teamId);
DataTable dt = GetManager(teamId); //GetManager()是一个返回DataTable类型数据的方法
string proStr = JsonConvert.SerializeObject(dt); //将DataTable序列化为Json格式的字符串
Response.ContentType = "text/plain";
Response.Write(proStr);
}
}
catch(Exception ex)
{
Response.Write(ex);
}
}
另可给Select添加默认项：
$("#ManagerSelect").append("全部");
//或者
$("#ManagerSelect")[].options.add(new Option("全部", "-1"));
奥展项目笔记07--vue绑定下拉框和checkbox总结
1.vue绑定下拉框
MVC联想查询绑定下拉框
前言 在做搜索时,输入些内容时需要弹出下拉框给用户进行选择,极大的方便了用户,会给用户带来不一样的体验 Controller public ActionResult SSAC(string UserN ...
WPF AutoGeneratingColumn 绑定下拉框
WPF自动产生列,前台代码:
关于safari上的select宽高问题小技，自定义下拉框
之前一直用windows做开发,最近换了个mac,在几经折腾之下,安装完了各种开发工具,IDE等,然后欣然打开自己正在开发的网站.突然发现mac上所有的下拉框都变了,都是默认样式,无论padding, ...
JQ与AJAX 省市区三级联动下拉框
用于初学者学习基本的联动下拉框,废话不多说,见代码 首先看控制器里的3个下拉框对应代码: public ActionResult GetProvinceList() { ProvinceReposit ...
MVC4 绑定下拉框方法，解决编辑时不绑定值
方法一 Controller 部分代码: public ActionResult Modify(int id) { //3.1.1 检查id //3.1.2根据id查询数据 Models.Stude ...
js绑定下拉框
---恢复内容开始--- 方法一 js-ajax部分 function GetDListOfCt() { $.ajax({ url: "../../Ajax/Boss_Show.ashx?t ...
jquery easyui无法绑定下拉框内容
最近在研究jquery easyui的DataGrid,发现DataGrid中的下拉框无法绑定值,找了很久也没发现是具体问题所在,最后还是同事帮忙搞定的.具体问题竟然是jquery easyui提供的 ...
随机推荐
spring源码分析之context
重点类: 1.ApplicationContext是核心接口,它为一个应用提供了环境配置.当应用在运行时ApplicationContext是只读的,但你可以在该接口的实现中来支持reload功能. ...
iOS开发——UI基础-屏幕适配
一.适配 1.什么是适配?适应.兼容各种不同的情况 2.移动开发中,适配的常见种类 2.1系统适配 针对不同版本的操作系统进行适配 2.2屏幕适配 针对不同大小的屏幕尺寸进行适配 二.点和像素 1.在 ...
HDU5737 : Differencia
注意到$b$不变,考虑用归并树来维护这个$b$序列,对于每个节点有序地维护$b$,同时在归并的时候预处理出每个元素在左右儿子里的排名. 在归并树上额外维护区间内$a\geq b$的个数以及赋值标记. ...
iOS 开发ALAsset获取图片缩略图
[UIImage imageWithCGImage:[asset aspectRatioThumbnail]
centos5.4_x64 red5 1.0安装部署
一.centos5.4_x64 默认安装后会集成jdk1.6 java -version 如果显示当前安装的版本号为1.6,则不需要再安装. 二.安装Red5 1.创建临时目录: cd /usr/lo ...
【转载】TCP协议疑难杂症全景解析
说明: 1).本文以TCP的发展历程解析容易引起混淆,误会的方方面面2).本文不会贴大量的源码,大多数是以文字形式描述,我相信文字看起来是要比代码更轻松的3).针对对象:对TCP已经有了全面了解的人. ...
MVC4过滤器(转)
先来看看一个例子演示过滤器有什么用: public class AdminController : Controller { // ... instance variables and constru ...
struts2-第一章-基础用法3
一,结果类型配置 在之前servlet学习中,知道网页页面路径跳转有两种方式,内部跳转(请求转发)和外部跳转(重定向),两者的区别,内部跳转浏览器地址不会变化 可以保存上一次请求的数据 外部跳转浏览器 ...
mdadm语法
mdadm命令详解及实验过程 一.概念 mdadm是multiple devices admin的简称,它是Linux下的一款标准的软件 RAID 管理工具,作者是Neil Brown 二.特点 ...
合并排序 java
java 实现合并排序 package How; import java.io.BufferedReader; import java.io.BufferedWriter; import java. ...
![轻松实现无刷新三级联动菜单[VS2005与AjaxPro]](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
