我使用jquery easyui多个选项卡来显示多个工作屏幕。现在,在一个特定的选项卡中,我添加了一个提交,它需要从选项卡中的用户输入将数据保存到数据库中,但我面临的问题是,点击按钮事件不是将数据保存在数据库中,而是导航到easyui多个选项卡的第一个选项卡(主页)屏幕。这是点击事件打开easyui多个选项卡的代码。
<a href="#" style="color:Black" onclick="addTab('Reservation','')">Reservation</a>
这是"预订"面板。。
<div id="Reservationuserform" class="panel panel-primary" style=" margin:-10px; display:none;margin-left:-16px; margin-top:-15px; margin-right:-16px;">
<div class="panel-heading">
<h3 class="panel-title">Reservation</h3>
</div>
<div class="panel-body">
<button type="submit" id="reserve" class="btn btn-primary pull-right" >Reserve</button>
<br />
<br />
<div class="row">
<div class="col-md-3">
<label for="Booking Id">Booking Id</label>
<input type="BookingId" id="1" placeholder="Enter Booking Id">
</div>
</div>
</div>
这是"预订"选项卡上的按钮点击事件,点击它将转到mutlitab窗口的主页(第一个)选项卡。
<script type="text/javascript">
$(document).ready(function () {
$("#reserve").click(function () {
alert("hello");
var BookingId = $("#1").val();
});
</script>
请帮我指出我哪里出了问题,因为我找不到。谢谢
您应该尝试类似的东西
<a href="#" style="color:Black" onclick="addTabReservation();">Reservation</a>
带有:
function addTabReservation()
{
addTab('Reservation','');
return false;
}