DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> jQGrid動態填充select下拉框的選項值(動態填充)
jQGrid動態填充select下拉框的選項值(動態填充)
編輯:JQuery入門技巧     

本文給大家分享一段代碼關於技巧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下拉框的選項值(動態填充),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved