ajax里绑定框,Select级联菜单，用Ajax获取Json绑定下拉框（jQuery）

需求类似这样 ↓ ↓ ↓

--》

菜单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 &colon; Differencia

注意到$b$不变,考虑用归并树来维护这个$b$序列,对于每个节点有序地维护$b$,同时在归并的时候预处理出每个元素在左右儿子里的排名. 在归并树上额外维护区间内$a\geq b$的个数以及赋值标记. ...

iOS 开发ALAsset获取图片缩略图

[UIImage imageWithCGImage:[asset aspectRatioThumbnail]

centos5&period;4&lowbar;x64 red5 1&period;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. ...

ajax里绑定框,Select级联菜单，用Ajax获取Json绑定下拉框（jQuery）相关推荐

搜索引擎下拉食云速捷详细_下拉框搜索定胜云速捷宝典,搜索下拉框再生云速捷专业...
现在是十人九商的时代,产品种类和数量日益增多,竞争也在不断加大,微商切忌过长时间消耗在熟人市场,因为你的朋友圈熟人购买是有限的,等她们用完再回购需要时间,做久了你会发现,当你把原有的朋友圈子都卖完了, ...
android 下拉菜单触发_Android实现三级联动下拉框城市选择器（简单）
主要实现办法:动态加载各级下拉值的适配器在监听本级下拉框,当本级下拉框的选中值改变时,随之修改下级的适配器的绑定值先贴出效果图: 主布局代码: xmlns:tools="http://s ...
Java 表单提交下拉框_Java实现Layui的form表单动态绑定下拉框
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 Java实现Layui的form表单动态绑定下拉框 [1]视图层爱好: 立即提交重置 $(function () { //[1]加载&初始化l ...
下拉框丿html宙斯,无限级别js联动下拉框类
/* ** ============================================================================================== ...
下拉框_教你封装 Element Tree 树状下拉框
在日常项目开发中,树状下拉框的需求还是比较常见的,但是element并没有这种组件以供使用.在这里,小编就基于element如何封装一个树状下拉框做个详细的介绍. 通过这篇文章,你可以了解学习到一个树 ...
extjs 点击下拉框三角形触发事件_省市县三级联动下拉框的具体实现
功能需求: ①页面中有三个下拉框选项,分别为省下拉框,市下拉框,区/县下拉框 ②选择省,则市下拉框中出现对应的该省下的市信息,选择市则区/县下拉框中出现对应的该市下面的区/县信息. 需求分析(思路) ...
php可输入的下拉框,JavaScript_可编辑下拉框的2种实现方式，可编辑下拉框-HTML 复制代码代 - phpStudy...
可编辑下拉框的2种实现方式可编辑下拉框-HTML A类 B类 C类 D类可编辑下拉框-JS 可编辑下拉框可编辑下拉框作者 function combox(obj,select){ this.o ...
js实现下拉框多选_bootstrap基础快速入门-10 dropdown下拉框
大学生就可以看懂的bootstrap基础实战系列,pre标签里是笔记总结,动手实际操作一下会加强理解.有疑问留言交流哦. bootstrap是进阶html5很基础常用的前端框架,可以做自适应漂亮的界面 ...
jq获取下拉列表_jQuery下拉框操作系列$(option:selected,this) （锋利的jQuery）
下拉框应用选项1 选项2 选项3 选项4 选项5 选项6 选项7 选项8 选中添加到右边≥≥ 全部添加到右边≥≥ 选中删除到左边<< 全部删除到左边<< $(function ...

ajax里绑定框,Select级联菜单，用Ajax获取Json绑定下拉框（jQuery）

ajax里绑定框,Select级联菜单，用Ajax获取Json绑定下拉框（jQuery）相关推荐

最新文章

热门文章