layui +アヤックス+選択

1.参照結果

2.フロントエンドコード

     <DIV CLASS = "layui状項目"> 
            <ラベルクラス= "layui状ラベル">选择框</ label>は
            <DIVクラスは= "layui入力ブロック"> 
                <SELECT ID = "PARENT_ID"レイ-verify = "必要"> 
                    <オプション値= ""> </オプション> 
                </ select>の
            </ div> 
        </ div>

 3.js一部

<スクリプト> 
    layui.use([ '形態']、関数(){ 
        。VAR $ = layui $、
            形式= layui.form; 

        $(関数(){ 

           $アヤックス({ 
               タイプ: 'GET'、
               URL:[你的URL」、
               成功:機能(RES){ 
                   //返回成功的数据
                    場合(res.code == 0){ 
                        VARオプション= ''; //オプションの进行拼接
                        (res.dataでVAR i)に対する{ 
                            オプション+ = "<オプション値= ' "+ res.data [I] [ 'base_permission_id'] +"'>" + res.data [I] [ 'BASE_NAME'] + "</オプション>"。
                        } 
                        $( '#PARENT_ID')APPEND(オプション);. //ノードの追加を選択します
          
              //フォーム渲染 form.render( '選択') } } })。 }); }); </ SCRIPT>

 

おすすめ

転載: www.cnblogs.com/niuben/p/11116099.html