동적 설정 layui select 선택 상태

1678 단어 layui
때때로 우 리 는 어떤 정 보 를 편집 할 때 드 롭 다운 상자 가 존재 한다. 예 를 들 어 성별, 유형 등 이다.이 블 로 그 는 동적 설정 layui 의 select 설정 선택 을 기록 합 니 다.
첫 번 째 는 ajax 동적 로드 를 사용 합 니 다.
$.ajax({  
    url: "${ctx}/articleMange/getTypeValue" ,    //        
    type: "post", 
    dataType: "json",  
    traditional: true,  
    success: function (data) { 
         var optionstring = "";  
         for (var j = 0; j " + data[j].t_typeName + "";  
         }  
         $("#atype").html(" "+optionstring); 
    },  
    error: function (msg) {  
        alert("        !");  
    }  
});

jfinal 백 스테이지
public void getTypeValue(){
		String sql = "select * from x_typeNav";
		renderJson(	XTypenav.dao.find(sql));
	}

이 때 드 롭 다운 상자 가 불 러 왔 습 니 다. 편집 정보 와 관련 된 option 을 표시 해 야 합 니 다.
  //    input          option

layui. use 에 다음 코드 를 입력 하면 됩 니 다.
$("#atype").val($('#typename').val());//atype select id
form.render('select');

form. render 를 추가 해 야 합 니 다. 그렇지 않 으 면 정상적으로 렌 더 링 할 수 없습니다.
이 동적 설정 layui 의 select 설정 이 선택 되 었 습 니 다.
두 번 째 방법 은 첫 번 째 방법 과 유사 하 다.바로 백 스테이지 통과 입 니 다.
 String sql1 = "select * from x_typeNav"; setAttr("tlist",XTypenav.dao.find(sql1));

select 의 값 을 프론트 데스크 톱 으로 전달 합 니 다.
   
           
      #list>     

freemarker 동적 디 스 플레이 를 통 해 뒤의 조작 은 앞 과 마찬가지 로 군말 을 많이 하지 않 습 니 다.

좋은 웹페이지 즐겨찾기