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 相关文章推荐
用jquery实现等比例缩放图片效果插件
Jul 24 Javascript
javascript中数组的concat()方法使用介绍
Dec 18 Javascript
jquery delay()介绍及使用指南
Sep 02 Javascript
jQuery图片加载显示loading效果
Nov 04 Javascript
ES6新特性之解构、参数、模块和记号用法示例
Apr 01 Javascript
原生js轮播特效
May 18 Javascript
Angular 表单控件示例代码
Jun 26 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
Oct 07 Javascript
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
jquery插件实现悬浮的菜单
Apr 24 jQuery
Rust中的Struct使用示例详解
Aug 14 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
实现dedecms全站URL静态化改造的代码
2007/03/29 PHP
新安装的MySQL数据库需要注意的安全知识
2008/07/30 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
php实现保存周期为1天的购物车类
2017/07/07 PHP
YII2框架中添加自定义模块的方法实例分析
2020/03/18 PHP
Aster vs Newbee BO5 第三场2.19
2021/03/10 DOTA
通过jQuery源码学习javascript(三)
2012/12/27 Javascript
jQuery ajax调用WCF服务实例
2014/07/16 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
2014/07/17 Javascript
js限制文本框只能输入整数或者带小数点的数字
2015/04/27 Javascript
jQuery实现的Div窗口震动效果实例
2015/08/07 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
vue中实现左右联动的效果
2018/06/22 Javascript
Vue中的基础过渡动画及实现原理解析
2018/12/04 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
vue 实现v-for循环回来的数据动态绑定id
2019/11/07 Javascript
js实现鼠标拖曳效果
2020/12/30 Javascript
简单介绍Python中的len()函数的使用
2015/04/07 Python
Python实现将xml导入至excel
2015/11/20 Python
Python实现自动上京东抢手机
2018/02/06 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
Python3.6简单的操作Mysql数据库的三个实例
2018/10/17 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
使用PyQt5实现图片查看器的示例代码
2020/04/21 Python
35款精致的 CSS3 和 HTML5 网页模板 推荐
2012/08/03 HTML / CSS
Expedia泰国:预订机票、酒店和旅游包(航班+酒店)
2016/09/27 全球购物
爱他美官方海外旗舰店:Aptamil奶粉
2017/12/22 全球购物
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
工商管理专业应届生求职信
2013/11/04 职场文书
小学少先队活动方案
2014/02/18 职场文书
2014基层党员干部学习全国两会心得体会
2014/03/17 职场文书
初中体育课教学反思
2016/02/16 职场文书
Vue3.0中Ref与Reactive的区别示例详析
2021/07/07 Vue.js
Win11如何设置右键单击显示所有选项?Win11右键单击显示所有选项设置教程
2022/04/08 数码科技