将参数传递给bootstrap模式按钮

时间:2014-05-07 06:14:14

标签: html5 jsp twitter-bootstrap servlets

我有一个删除链接,因为我正在使用bootstrap模态窗口。这里窗口显示正常当我点击窗口的是按钮时,记录应该被删除。所以我必须在yes按钮中调用servlet以及参数Id这里我可以调用servlet但是参数没有传递。如何将参数传递给模态窗口的yes按钮。这是代码。

我正在呼叫的引导模式,

<td><a href="<%=request.getContextPath()%>/pages/teacher_details/teacher_info.jsp?teacherId=${teacher.getTeacherId()}">Edit</a>
</td>
<td> <a href="#" data-toggle="modal" data-target="#basicModal">Delete</a>
</td>

在同一个jsp页面中,模态的标记是,

<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Delete Teacher Record</h4>
      </div>
      <div class="modal-body">
        <h3>Are you sure?</h3>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
        <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
        <a  href="<%=request.getContextPath()%>/controller/TeacherManagementController?flowName=DELETE_TEACHER_INFO&teacherId=${teacherId.getTeacherId()}"
                    class="btn btn-primary">Yes</a>
      </div>
    </div>
  </div>
</div>

我面临的问题是模式正在出现,但由于无法传递teacherId,因此记录不会被删除。请任何人帮助我。

1 个答案:

答案 0 :(得分:0)

我正在使用这个调用函数并为隐藏字段赋值

HTML:

    <div id="add_button" >
    <a data-toggle="modal" href="#myModal_new" onClick="pop_up('<?php echo      $section_value['subject_name']; ?>','<?php echo $section_value['section_id']; ?>')">Add    Subjects</a>
    </div>





    <script>
    function pop_up(name,id){
    var standard = document.getElementById("standard");
    var standard_id = document.getElementById("standard_id");
    var standard_id_new = document.getElementById("standard_id_new");

    standard.value = name;
    standard_id.value = id;
    standard_id_new.value = id;
    }
    </script>



 <div id="myModal_new" class="modal hide fade">
     <div class="modal-dialog">
        <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h3>Create Sections</h3>
        </div><br><br>
        <div id="errorContainers">
                <p>Please correct the errors and try again:</p>
                <ul />
            </div>
        <div class="modal-body" style="margin-left: 17%;">
          <!-- Modal Form Starts Here -->
                <form name="modalForm" id="formss" method="post">
                    <input type="hidden" name="standard" id="standard">
                    <input type="hidden" name="standard_id" id="standard_id">
                        <input type="hidden" name="standard_id_new" id="standard_id_new">
                        <fieldset>  
                          <div class="division_center"><div class="division_left"><label class="form-signin-signup"  for="input1">Sections </label>  </div>
                            <div class="division_right">
                            &nbsp;<input type="text"  name="standard_new" id="standard_new"> </div></div>                               
                           </fieldset> 

            <!-- Modal Form Ends Here -->
        </div>
        <div class="modal-footer">
          <a class="btn" data-dismiss="modal" >Close</a>
          <input type="submit" name="newsubmit" class="btn btn-primary btn-large" value="Create">
        </div>
        </form>
        </div>
        </div>
      </div>