我有三个带有 href 链接的选项卡,
<ul >
<li class="active">
<a href="#tab_0" id="tab1" data-toggle="tab">Search by Booking ID</a>
</li>
<li>
<a href="#tab_1" id="tab2" data-toggle="tab">Today's Booking</a>
</li>
<li>
<a href="#tab_2" id="tab3" data-toggle="tab">Search by Date</a>
</li>
</ul>
在每个选项卡中提交表单时,我使用隐藏输入字段将一个值传递给服务器以了解我选择了哪个选项卡< input type=hidden value="tab1"id="view"/> 。我想要的是在 jsp 页面上获取相同的值并在页面加载时选择相应的选项卡。我正在使用Spring框架。我尝试在 ModelAndView 中添加一个附加对象,例如
ModelAndView model = new ModelAndView();
model.addObject("view", view);
脚本代码是:
$(document).ready(function() {
var activeTab = ${view};
if(activeTab == "tab1"){
$("#tab1").click();
} else if(activeTab == "tab2"){
$("#tab2").click();
}else if(activeTab == "tab3"){
$("#tab3").click();
}else{
$("#tab1").click();
}
});
但这不起作用。 :( 请帮忙。
最佳答案
您不需要 JavaScript
代码。由于您已经在响应中添加了 view
值,因此您可以使用 el
来强制 JSP 文件中的 active
css 类指定选项卡,像这样
<ul >
<li ${view eq "tab1"?'class="active"':''}>
<a href="#tab_0" id="tab1" data-toggle="tab">Search by Booking ID</a>
</li>
<li ${view eq "tab2"?'class="active"':''}>
<a href="#tab_1" id="tab2" data-toggle="tab">Today's Booking</a>
</li>
<li ${view eq "tab3"?'class="active"':''}>
<a href="#tab_2" id="tab3" data-toggle="tab">Search by Date</a>
</li>
</ul>
关于java - Spring 向 JSP 传递值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43413260/