Question

我目前有一个script manager，update panel和content template。在content template内，我有modal popup个标签。

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
         <asp:UpdatePanel ID="UpdatePanel1" runat="server">
             <ContentTemplate>
         <div id="aboutModalTest" class="modal fade" tabindex="4" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div>

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#add" aria-controls="add" role="tab" data-toggle="tab">Add</a></li>
    <li role="presentation" ><a href="#confirm" aria-controls="confirm" role="tab" data-toggle="tab">Confirm</a></li>
  </ul>

在add标签中，我有一个表单供用户注册成为会员。填写表单后，用户必须转到confirm标签，以验证输入。我要做的是将输入值分配给confirm选项卡中的只读控件。

我可以得到任何指示，我该怎么办呢？

Answer 1

我设法使用下面的解决方案解决了这个问题。我首先通过删除data-toggle="tab将第二个标签设置为只读。

 <ul id="navtabs" class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#add" aria-controls="add" role="tab" data-toggle="tab">Add</a></li>
    <li role="presentation" ><a href="#confirm" aria-controls="confirm" role="tab">Confirm</a></li>
 </ul>

我在第一张表中有一个按钮如下：

<asp:Button ID="btnAdd" runat="server" class="btn btn-primary btn-block btn-lg" Text="Verify Entry" onclick="btnAdd_Click"/>

在</body>之前我的aspx的底部，我包括以下内容并且能够传递变量。单击该按钮后，它将传递变量值并将焦点放在第二个只读选项卡上。

<script>
         $(function () {

             $('#btnAdd').click(function (e) {

                 e.preventDefault();
                 var provider = document.getElementById("ddlNewProvider").value;

                 $('#navtabs a[href="#confirm"]').tab('show');


             })

         })
     </script>

将变量值分配给不同的引导选项卡

1 个答案: