layui中下拉框问题

 <div class="layui-form-item">
            <label class="layui-form-label">上级栏目：</label>
            <div class="layui-input-inline" >
                <select id="parentId" name="parentId"  lay-verify=""  lay-search="">                
                    <option>直接选择或搜索选择</option>
                    <c:forEach items="${powers}" var="p" >
                    <option value="${p.parentId}" >${p.name}</option>
                    </c:forEach>
                </select>
        </div>
        </div>

使用layui时,当你用标签库同步请求数据时,当<option value="${p.parentId}" >${p.name}</option>中的p.parentId是一样的时候,数据在前端你显示时会出现一个问题:

你点击除第一个选项,当你鼠标再次点击时,它显示的是第一个选项的值;