问题遇到的现象和发生背景

jsp，实现编辑时，下拉框自动选中已有的数据，

问题相关代码，请勿粘贴截图

 <div >
            <label >支付人员类别:</label>
            <div >
              <input type="hidden" id="paymentPersonTypeHid" value="${dispExpendDetail.type}">
              <select name="paymentPersonType" id="paymentPersonType" >
                <option value="">--请选择--</option>
                <c:forEach items="${mapList}" var="item">
                  <option value=${item.id}>${item.type}</option>
                </c:forEach>
              </select>
            </div>
</div>
<script type="text/javascript" >
layui.use(
    ['jqform', 'jqbind', 'laytpl', 'upload', 'laydate'],
    function () {
      var jqbind = layui.jqbind, form = layui.jqform, $ = layui.jquery, frm = layui.jqfrm,
        ctx = top.global.ctx, table = layui.table, tpl = layui.laytpl;
      var upload = layui.upload, laydate = layui.laydate;
      var staffNo = "";
      // var filedId = "";
      var type_1 = $("#type_1").val(); //原状态
      form.init({
        "form": "#dispExpenditureEdit"
      });
      $("#paymentPersonType").val($('#paymentPersonTypeHid').val());
）};
</script>

debug:界面，

运行结果及报错内容

未展示出来原来的数据

我想要达到的结果