在Jquery easyui里面,多个标签提交按钮点击事件被重定向到主页(第一个)标签

时间:2015-03-23 18:58:52

标签: javascript jquery html ajax

我正在使用jquery easyui多个选项卡来显示多个工作屏幕。现在在特定选项卡中我添加了一个提交,需要将数据从选项卡中的用户输入保存到数据库中,但我面临的问题是在按钮点击事件而不是将数据保存到数据库中,它将导航到easyui多个选项卡的第一个选项卡(主页)屏幕。 这是打开easyui多标签的click事件的代码..

 <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窗口的Home(第一个)标签。

<script type="text/javascript">
$(document).ready(function () {
    $("#reserve").click(function () {
        alert("hello");
        var BookingId = $("#1").val();
});
</script>

请帮帮我,指出我哪里出错了,因为我无法找到。谢谢..

1 个答案:

答案 0 :(得分:0)

你应该尝试这样的事情

<a href="#" style="color:Black" onclick="addTabReservation();">Reservation</a>

使用:

function addTabReservation()
{
  addTab('Reservation','');
  return false;
}