jqGrid动态填充select下拉框的选项值

最新推荐文章于 2021-10-04 20:37:41 发布

zxiangwei

最新推荐文章于 2021-10-04 20:37:41 发布

阅读量680

点赞数

分类专栏： jqGrid(jquery) 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/zxiangwei/article/details/84179669

版权

jqGrid(jquery) 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用jqGrid插件动态填充Select下拉框的方法。通过Ajax请求获取数据，并利用返回的JSON对象生成Select的选项值。此方法适用于需要根据后端数据实时更新Select内容的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jqGrid动态填充select下拉框的选项值 jqGridjqueryjqGrid动态填充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;

}

}

//$.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了