Layui의 select 상자 데이터 동적 로드

2297 단어 Layui
html 코드
    

js 코드 비고: 1. 먼저from표를 정의해야 합니다.모든 하단 동적 데이터는from 대상을 통해 렌더링 2를 하고 aax 요청을 통해 렌더링이 필요한 데이터를 불러오기 때문에 앞의 세 줄 코드를 통해 정의됩니다.3. Option 객체를 작성합니다.new Option(item.ipaddress, item.deviceid); 첫 번째 값은 text입니다.두 번째 값은value4입니다. 하단 선택을 설정하려면 대상에 값 옵션을 주입할 수 있습니다.setAttribute(“disabled”,""); 5. 드롭다운 선택에 option을 추가합니다$('#deviceid').append(option);//밑에 있는 메뉴에 요소 6을 추가하고 마지막으로from으로 밑에 있는 선택form에 데이터를 렌더링합니다.render(“select”);
var form 
layui.use(['form', 'upload', 'layer'], function () {
    form = layui.form;
         $.ajax({
                        url: 'deviceInfo/getAllDevice.action',
            dataType: 'json',
            type: 'get',
            async: false,
            success: function (data) {
                $.each(data, function (index, item) {
                    if(item.usestatus==1&&item.deviceid!=deviceid){
                        var option;
                        if(item.devicename==null||item.devicename==""||item.devicename=="null"){
                            option = new Option(item.ipaddress, item.deviceid);
                        }else{
                            option = new Option(item.devicename, item.deviceid);
                        }
                        option.setAttribute("disabled","");
                        $('#deviceid').append(option);//          
                    }else{
                        var option;
                        if(item.devicename==null||item.devicename==""||item.devicename=="null"){
                            option = new Option(item.ipaddress, item.deviceid);
                        }else{
                            option = new Option(item.devicename, item.deviceid);
                        }
                        $('#deviceid').append(option);//          
                    }
                });
                form.render("select");
                //         
            }
      });

});

좋은 웹페이지 즐겨찾기