1. 程式人生 > >ajax實現動態下拉框[JFinal框架]

ajax實現動態下拉框[JFinal框架]


問題: 實現此效果,其中頁面型別是通過ajax查詢資料庫展示的效果

原因:

解決辦法:

前臺:

<div class="form-group">
			    <label class="col-lg-2 control-label">頁面型別</label>
			    <div class="col-lg-9">
		        	       <select id="select_list" name="issued_sub_key_c">
                           </select>
			    </div>
			</div>


<script type="text/javascript">
$(function(){
 $.ajax({
         type: "POST",     //提交方式
         contentType: "application/json; charset=utf-8",   //內容型別
         dataType: "json",     //型別
         url: "${BASE_PATH}/info/keyword/selectList",    //提交的頁面,方法名
         data: null,    //引數,如果沒有,可以為null
         success: function (data) { //如果執行成功,那麼執行此方法
         for (var i = 0; i < data.length; i++) {
                 $("#select_list").append("<option"+" "+"value="+data[i].tid+">"+data[i].typename+"</option>");
             }        //用data.d來獲取後臺傳過來的json語句,或者是單純的語句
         },
         error: function (err) { //如果執行不成功,那麼執行此方法
             alert("err:" + err);
         }
     });
});
</script>
controller中:
	/**
	 * 下拉框動態顯示
	 * @return 
	 */
	public void selectList(){
		renderJson(Db.find("SELECT typename FROM t_stats_page_type"));
	}