javascript - ejs 和 jQuery 选择器混合使用问题

问题描述

问 题

大概描述一下:通过获取后台的值来判断哪一个option被选中

我在 ejs 模板里用这样的语法进行判断

<div class="form-group" id="form-address">
    <label for="">Provinces And Cities:</label>
    <select class="form-control form-address">
       <option value="北京" selected="<% locals.user.address === $('.form-address option').eq(0).val() ? selected='selected' : ''%>">北京</option>
       <option value="上海" selected="<% locals.user.address === $('.form-address option').eq(1).val() ? selected='selected' : ''%>">上海</option>
       <option value="天津" selected="<% locals.user.address === $('.form-address option').eq(2).val() ? selected='selected' : ''%>">天津</option>
       <option value="成都" selected="<% locals.user.address === $('.form-address option').eq(3).val() ? selected='selected' : ''%>">成都</option>
       <option value="西安" selected="<% locals.user.address === $('.form-address option').eq(4).val() ? selected='selected' : ''%>">西安</option>
     </select>
</div>

结果抛出一下错误

我已经把 jquery 引入进来，刚开始放在最底部，我怕受影响，还把他放到了 title 下面，可还是提示$ is not defined

求大神指点

解决方案

大概这样：

<option value="北京" selected="<%=locals.user.address ==='北京' ? true : false%>">

这里不需要用jQuery，直接用后台获取的值和option的值做比较就行了

这篇关于javascript - ejs 和 jQuery 选择器混合使用问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！