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 相关文章推荐
js arguments对象应用介绍
Nov 28 Javascript
javascript简单实现图片预加载
Dec 03 Javascript
做web开发 先学JavaScript
Dec 12 Javascript
JavaScript模版引擎的基本实现方法浅析
Feb 15 Javascript
AngularJS中isolate scope的用法分析
Nov 22 Javascript
JS获取年月日时分秒的方法分析
Nov 28 Javascript
基于angular实现模拟微信小程序swiper组件
Jun 11 Javascript
微信小程序 自定义Toast实例代码
Jun 12 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 Javascript
vue地区选择组件教程详解
May 04 Javascript
详解easyui 切换主题皮肤
Apr 04 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
农民C键的运用技巧
2020/03/04 星际争霸
php下载excel无法打开的解决方法
2013/12/24 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
php写app用的框架整理
2019/09/29 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
jQuery Tips 为AJAX回调函数传递额外参数的方法
2010/12/28 Javascript
jquery选择器需要注意的问题
2014/11/26 Javascript
jQuery老黄历完整实现方法
2015/01/16 Javascript
jquery实现图片左右切换的方法
2015/05/07 Javascript
Angularjs中的页面访问权限怎么设置
2016/11/11 Javascript
基于javascript的异步编程实例详解
2017/04/10 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
2017/12/26 Javascript
基于three.js编写的一个项目类示例代码
2018/01/05 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
2018/07/04 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
2018/07/26 Javascript
详解Vue取消eslint语法限制
2018/08/04 Javascript
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
Python实现使用request模块下载图片demo示例
2019/05/24 Python
python Django框架实现web端分页呈现数据
2019/10/31 Python
使用Python将Exception异常错误堆栈信息写入日志文件
2020/04/08 Python
python3中sys.argv的实例用法
2020/04/24 Python
python小白学习包管理器pip安装
2020/06/09 Python
Nili Lotan官网:Nili Lotan同名品牌
2018/01/07 全球购物
党员自我批评与反省材料
2014/02/10 职场文书
羽毛球社团活动总结
2014/06/27 职场文书
中秋晚会活动方案
2014/08/31 职场文书
幼儿园迎国庆65周年活动策划方案
2014/09/16 职场文书
学习朴航瑛老师爱岗敬业先进事迹思想汇报
2014/09/17 职场文书
涉及车辆房产分割的离婚协议书范文
2014/10/12 职场文书
考博导师推荐信范文
2015/03/27 职场文书
工程技术员岗位职责
2015/04/11 职场文书
离婚起诉书范本
2015/05/18 职场文书
同意离婚答辩状
2015/05/22 职场文书
初中毕业感言300字
2015/07/31 职场文书
mysql 索引的数据结构为什么要采用B+树
2022/04/26 MySQL