jquery实现触发时更新下拉列表内容的方法
更新时间：2015年12月02日 12:21:20 作者：shulin85
这篇文章主要介绍了jquery实现触发时更新下拉列表内容的方法,涉及jQuery使用ajax交互实现动态更新的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jquery实现触发时更新下拉列表内容的方法。分享给大家供大家参考，具体如下：
服务端假如有个请求地址用来返回所需数据
url:/hello
返回类似：
复制代码 代码如下:
[{"西瓜":10},{"苹果":12},{"香蕉":13},{"芒果":14}]
这样的json数据
html:
按钮：<input type="button" id="btn" value="按 钮" />
下拉列表：<select id="sel"></select>
js代码：
$(function(){
$("#btn").click(
$.ajax({
type:"POST",
url:"http://localhost/XXXX/Test",
cache: false,//不缓存
dataType:"json",//返回数据格式
success:function(ret){
$("#sel").empty();
$.each(ret,function(ind){
for(var key in ret[ind]){
var opt = $("<option></option>");
opt.val(ret[ind][key]);
opt.text(key);
$("#sel").append(opt);
}
});
}
});
);
});
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
jQuery学习7 操作JavaScript对象和集合的函数
jQuery学习7：操作JavaScript对象和集合的函数2010-02-02
如何替换获去除那些已存在于某个element上的事件呢? 需要的朋友可以参考下面的文章。2010-03-03
今天整理最近项目里用到的一个小效果，点击折叠弹出一个层给用户填写信息，感兴趣的朋友可以学习下2014-03-03
这篇文章主要介绍了jQuery中prependTo()方法用法,实例分析了prependTo()方法的功能、定义及匹配的元素插入指定元素之前的使用技巧,需要的朋友可以参考下2015-01-01
鼠标滑动过快导致动画重复执行，以至于页面乱了,下面为大家介绍个防止重复执行动画的方法2014-04-04
这篇文章主要介绍了jq 用each遍历循环的方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了jQuery实现打开页面渐现效果的方法,结合实例形式分析了jQuery样式操作及页面元素的渐变效果实现技巧,需要的朋友可以参考下2016-07-07
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
这篇文章主要介绍了jQuery.extend 与 jQuery.fn.extend的用法及区别,结合实例形式分析了jQuery.extend与jQuery.fn.extend的功能、使用方法及区别,需要的朋友可以参考下2018-07-07
最近工作中需要用到树形下拉框，因为项目中树形结构使用的是zTree，效果不是很好看，于是想着使用easyui的comboTree，虽然效果达到了，但是风格和bootstrap不搭，下面把这两种方式的效果分享到脚本之家平台供大家参考2017-08-08
希望能和大家一起交流学习。先放上去一个上周学习的一个jquery插件，基于Jquery的表格隔行换色，移动换色，点击换色插件。2010-12-12
最新评论