javascript - 如何将 sessionStorage 项值与嵌入式 javascript 文件中的后端参数进行比较？

Question

我有一个表单，用户可以填写并单击预览按钮(预览不会将任何内容保存到数据库，而只会创建一个 View )。我正在实现“关闭预览”功能，该功能将使用户返回到填写的表单并提供完成输入的选项。我在使用 sessionStorage 变量用之前填充的内容重新填充下拉菜单时遇到问题。

这是下拉菜单:

<label>State:</label><br>
<select required class="form-control" name="state" style="width:100%">
<option selected disabled value="">Select state</option>
<% _.each(states, function(state) { %>
<option value="<%= state.id %>" ><%= state.name %></option>
<% }) %>
</select>

我已存储状态 ID(用户填写并预览的内容)，如下所示:

sessionStorage.setItem('propertyState', "<%= params['state'] %>");

上面存储了id所选下拉选项的。

在重新填写表单时，我需要检查哪个下拉项目 ID 与 sessionStorage 中存储的项目 ID 匹配。 sessionStorage仅在<script>..</script>内有效并且 params 仅在 <%...%> 内有效。我无法在 sessionStorage.getItem('propertyState') 之间进行比较和state.id 。有人可以指导我吗？

Answer 1

尝试在页面上打印状态，然后在js中使用这个数组。

var states = <%= states %>;
var stateToFind = sessionStorage.getItem('propertyState');
for(var i=0;i<states.length;i++){
 /** do staff**/
}