ホームページ > ウェブフロントエンド > jsチュートリアル > jQGrid は選択ドロップダウン ボックスのオプション値を動的に埋めます (動的埋め込み)

jQGrid は選択ドロップダウン ボックスのオプション値を動的に埋めます (動的埋め込み)

高洛峰
リリース: 2017-01-03 16:34:43
オリジナル
2127 人が閲覧しました

この記事では、選択ドロップダウン ボックスのオプション値を動的に入力する jqgrid のコードを紹介します。これ以上は説明しませんが、具体的なコードを貼り付けます。次のように:

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=&#39;" + jsonobj[i].personType + "&#39;>" + jsonobj[i].personType+ "</option>").appendTo(typeselect); 
//}); 
} 
alert(str); 
} 
}); 
return str; 
}
ログイン後にコピー

注: return と async:false が必要です。それ以外の場合は効果がありません

colModel: に edittype:'select',edoptions:{value:gettypes()} を設定すれば問題ありません。

上記は、エディターが紹介する jQGrid 選択ドロップダウン ボックスのオプション値 (動的充填) です。ご質問があれば、エディターにメッセージを残してください。時間内に返信させていただきます。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。

選択ドロップダウン ボックスのオプション値の jQGrid 動的充填 (動的充填) 関連記事の詳細については、PHP 中国語 Web サイトに注目してください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート