jsp，实现编辑时，下拉框自动选中已有的数据 <c:forEach >

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

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

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

 <div class="layui-col-xs4">
                        <label class="layui-form-label">支付人员类别:</label>
                        <div class="layui-input-block">
                            <input type="hidden" id="paymentPersonTypeHid" value="${dispExpendDetail.type}">
                            <select name="paymentPersonType" id="paymentPersonType" class="layui-select ">
                                <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:界面，

运行结果及报错内容

未展示出来原来的数据

我想要达到的结果

大体思路是这样，判断下当前循环的下标是0的时候，默认选中

 <c:if test="${item.index ==0}">
   <option value=${item.id} selected=true>${item.type}</option>
</c:if>
<c:if test="${item.index !=0}">
   <option value=${item.id} >${item.type}</option>
</c:if>

<c:if test="${item.id == dispExpendDetail.type}">
   <option value=${item.id} selected=true>${item.type}</option>
</c:if>

🤣🤣🤣🤣🤣