有時候我們編輯某條資訊時常常會有下拉框的存在，比如性別，型別等。這篇部落格就記錄一下動態設定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.length; j++) {  
             optionstring += "<option value=\"" + data[j].t_typeName + "\" >" + data[j].t_typeName + "</option>";  
         }  
         $("#atype").html("<option value='請選擇'>請選擇...</option> "+optionstring); 
    },  
    error: function (msg) {  
        alert("下拉框加載出錯了！");  
    }  
});

jfinal的後臺

public void getTypeValue(){
		String sql = "select * from x_typeNav";
		renderJson(	XTypenav.dao.find(sql));
	}

這時下拉框已經加載出來了，我們還需要顯示與編輯資訊相關的option

<input type="hidden" id="typename" value="${a.a_type}">  //設定一個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 tlist as t>
        <option  value="${(t.t_typeName)!''}">${(t.t_typeName)!''}</option>   
      </#list>     
 

通過freemarker動態顯示 後面的操作和前面一樣，不做過多贅述。