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 相关文章推荐
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
js中数组排序sort方法的原理分析
Nov 20 Javascript
jquery实现删除一个元素后面的所有元素功能
Dec 21 Javascript
JS正则替换掉小括号及内容的方法
Nov 29 Javascript
简单理解vue中实例属性vm.$els
Dec 01 Javascript
vue.js绑定class和style样式(6)
Dec 09 Javascript
Bootstrap table使用方法总结
May 10 Javascript
layer弹窗插件操作方法详解
May 19 Javascript
vue计算属性get和set用法示例
Feb 08 Javascript
微信小程序图表插件wx-charts用法实例详解
May 20 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
Aug 15 Javascript
JS原形与原型链深入详解
May 09 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实现的MySQL通用查询程序
2007/03/11 PHP
php 字符转义 注意事项
2009/05/27 PHP
深入PHP nl2br()格式化输出的详解
2013/06/05 PHP
用 Composer构建自己的 PHP 框架之构建路由
2014/10/30 PHP
php用户注册信息验证正则表达式
2015/11/12 PHP
Javascript 继承机制实例
2009/08/12 Javascript
15 个 JavaScript Web UI 库
2010/05/19 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
2013/08/12 Javascript
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
2013/09/22 Javascript
javascript 数组排序函数sort和reverse使用介绍
2013/11/21 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
node.js中的fs.mkdirSync方法使用说明
2014/12/17 Javascript
AngularJS 表达式详细讲解及实例代码
2016/07/26 Javascript
原生JS实现的放大镜效果实例代码
2016/10/15 Javascript
Validform表单验证总结篇
2016/10/31 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
javascript字体颜色控件的开发 JS实现字体控制
2017/11/27 Javascript
vue h5移动端禁止缩放代码
2019/10/28 Javascript
Python中的模块导入和读取键盘输入的方法
2015/10/16 Python
视觉直观感受若干常用排序算法
2017/04/13 Python
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
解决python "No module named pip" 的问题
2018/10/13 Python
Windows+Anaconda3+PyTorch+PyCharm的安装教程图文详解
2020/04/03 Python
Elasticsearch py客户端库安装及使用方法解析
2020/09/14 Python
python 实现音频叠加的示例
2020/10/29 Python
使用CSS3的rem属性制作响应式页面布局的要点解析
2016/05/24 HTML / CSS
HTML5中外部浏览器唤起微信分享
2020/01/02 HTML / CSS
地球上最先进的胡子和头发修剪器:Bevel
2018/01/23 全球购物
如何用JQuery进行表单验证
2013/05/29 面试题
后勤园长自我鉴定
2013/10/17 职场文书
如何写一份好的自荐信
2014/01/02 职场文书
超市国庆节促销方案
2014/02/20 职场文书
青年标兵事迹材料
2014/08/16 职场文书
2014年幼儿园园长工作总结
2014/12/17 职场文书
努力学习保证书
2015/02/26 职场文书
javascript canvas实现雨滴效果
2021/06/09 Javascript