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"));
	}