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和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验2014-03-03
jQuery Easyui使用（二）之可折叠面板动态加载无效果的解决方法
这篇文章主要介绍了jQuery Easyui使用之可折叠面板动态加载无效果的解决方案，非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-08-08
这篇文章主要介绍了jQuery 3.0中存在问题及解决办法的相关资料,需要的朋友可以参考下2016-07-07
这篇文章主要介绍了jQuery实现背景弹性滚动导航效果的方法,涉及jQuery动态操作页面元素样式的相关技巧,需要的朋友可以参考下2016-06-06
对于学习使用jquery 的朋友，能用的到，简单的了解下jquery的一些操作。2009-02-02
这个拖动窗口是根据一个Jquery的框架直接做出来的:easywidgets，废话就不多说了，直接把源代码贴出来，让大家学习2014-08-08
本篇文章是基于JQuery在线制作的ppt在线演示，非常高大尚，效果非常好，需要的朋友可以参考下。2015-09-09
这篇文章主要为大家详细介绍了jQuery插件实现手风琴二级菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
这篇文章主要介绍了jQuery实现Table表格隔行变色及高亮显示当前选择行效果,涉及jQuery针对table元素遍历、运算、样式及鼠标事件动态响应相关操作技巧,需要的朋友可以参考下2017-02-02
本文讲述的是jquery选择器结果是数组时需要主要的一个问题，并详细分析了产生此问题的原因，这里记录下来，小伙伴们在项目中使用的时候要注意一下。2014-11-11
最新评论