jQGrid动态填充select下拉框的选项值(动态填充)


Posted in Javascript onNovember 28, 2016

本文给大家分享一段代码关于技巧jqgrid动态填充select 下拉框的选项值,非常不多说了,直接给大家贴代码了,具体代码如下所示:

function gettypes(){ 
//动态生成select内容 
var str=""; 
$.ajax({ 
type:"post", 
async:false, 
url:"checkpersontype", 
success:function(data){ 
if (data != null) { 
var jsonobj=eval(data); 
var length=jsonobj.length; 
for(var i=0;i<length;i++){ 
if(i!=length-1){ 
str+=jsonobj[i].personType+":"+jsonobj[i].personType+";"; 
}else{ 
str+=jsonobj[i].personType+":"+jsonobj[i].personType;// 这里是option里面的 value:label 
} 
} 
//$.each(jsonobj, function(i){ 
//str+="personType:"+jsonobj[i].personType+";" 
//$("<option value='" + jsonobj[i].personType + "'>" + jsonobj[i].personType+ "</option>").appendTo(typeselect); 
//}); 
} 
alert(str); 
} 
}); 
return str; 
}

注意:要return以及async:false否则没有效果

在colModel:中设置edittype:'select',editoptions:{value:gettypes()}就ok了。

以上所述是小编给大家介绍的jQGrid动态填充select下拉框的选项值(动态填充),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
Apr 12 Javascript
JS实现很酷的EMAIL地址添加功能实例
Feb 28 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 Javascript
Bootstrap学习笔记之css样式设计(1)
Jun 07 Javascript
基于js实现的限制文本框只可以输入数字
Dec 05 Javascript
基于BootstrapValidator的Form表单验证(24)
Dec 12 Javascript
详解js的六大数据类型
Dec 27 Javascript
EsLint入门学习教程
Feb 17 Javascript
js,jq,css多方面实现简易下拉菜单功能
May 13 Javascript
JavaScript数组_动力节点Java学院整理
Jun 26 Javascript
Node.js静态服务器的实现方法
Feb 28 Javascript
vue如何使用外部特殊字体的操作
Jul 30 Javascript
JS调用打印机功能简单示例
Nov 28 #Javascript
完全深入学习Bootstrap表单
Nov 28 #Javascript
EasyUI Combobox设置默认值 获取text的方法
Nov 28 #Javascript
Bootstrap选项卡动态切换效果
Nov 28 #Javascript
js简单正则验证汉字英文及下划线的方法
Nov 28 #Javascript
Bootstrap实现导航栏的2种方式
Nov 28 #Javascript
jQuery扩展实现text提示还能输入多少字节的方法
Nov 28 #Javascript
You might like
关于PHP自动判断字符集并转码的详解
2013/06/26 PHP
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
Session的工作机制详解和安全性问题(PHP实例讲解)
2014/04/10 PHP
总结PHP如何获取当前主机、域名、网址、路径、端口和参数等
2016/09/09 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
jQuery 技巧大全(新手入门篇)
2009/05/12 Javascript
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
jQuery maxlength文本字数限制插件
2010/04/16 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
2011/12/20 Javascript
js如何获取兄弟、父类等节点
2014/01/06 Javascript
JS实现的网页倒计时数字时钟效果
2015/03/02 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
2016/03/10 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
BootStrap轻松实现微信页面开发代码分享
2016/10/21 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
微信小程序 共用变量值的实现
2017/07/12 Javascript
vue webpack打包优化操作技巧
2018/02/22 Javascript
微信小程序swiper实现文字纵向轮播提示效果
2020/01/21 Javascript
写给新手同学的vuex快速上手指北小结
2020/04/14 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
2020/10/09 Javascript
python调用机器喇叭发出蜂鸣声(Beep)的方法
2015/03/23 Python
python通过openpyxl生成Excel文件的方法
2015/05/12 Python
Python中逗号的三种作用实例分析
2015/06/08 Python
用python找出那些被“标记”的照片
2017/04/20 Python
Python向Excel中插入图片的简单实现方法
2018/04/24 Python
Python读写zip压缩文件的方法
2018/08/29 Python
在django模板中实现超链接配置
2019/08/21 Python
pycharm如何实现跨目录调用文件
2020/02/28 Python
目前不被任何主流浏览器支持的CSS3属性汇总
2014/07/21 HTML / CSS
使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法
2016/07/08 HTML / CSS
高中生自我评价范文2015
2015/03/03 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
太空授课观后感
2015/06/17 职场文书
致创业您:正能量激励人心句子(48条)
2019/08/15 职场文书
创业计划书之网吧
2019/10/10 职场文书