Layui의 select 상자 데이터 동적 로드
2297 단어 Layui
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");
//
}
});
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
layui 동적 귀속 하단 상자백그라운드 방법: 프런트: JS : Select 바인딩...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.