layui中用数据库数据填充下拉框

html内容

<div class="layui-form-item">
 <label class="layui-form-label" data-i18n="GuideType">指南类型</label>
      <div class="layui-input-block">
         <select name="GuideType" lay-filter="Type_filter" id="GuideType" lay-verify="required">
	            <option value="" data-i18n="GuideStatusOption0">请选择</option>
         </select>
      </div>
 </div>

<input type="hidden" name="GuideType" id="hidGuideType" value="@Model.GuideTypeSelect">

js部分

layui.use(['form', 'laydate'], function () {
    var form = layui.form
        , laydate = layui.laydate;

    var guideType = $("#hidGuideType").val().split('|');
    for (var i = 0; i < guideType.length; i++){
        $('#GuideType').append(new Option(guideType[i]));// 下拉菜单里添加元素
    }  
        layui.form.render('select');            
});

Controller层

 DataTable dataList = _guideBll.GetGuideType();
            string guideTypeSelect = "";
            for (int i = 0; i < dataList.Rows.Count; i++)
            {
            //dataList.Rows[i][0]中0为第一列，i为第i行
                guideTypeSelect += dataList.Rows[i][0] + "|";
            }
            guideTypeSelect = dataList.Rows.Count > 0 ? guideTypeSelect.Substring(0, guideTypeSelect.Length - 1) : guideTypeSelect;

            AddGuide addGuide = new AddGuide()
            {               
                GuideTypeSelect = guideTypeSelect
            };
            return View(addGuide);

整体使用C#的MVC和layui写的