【问题标题】:Passing parameter to bootstrap modal button将参数传递给引导模式按钮
【发布时间】:2014-05-07 06:14:13
【问题描述】:

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

我正在调用的引导模式,

<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页面中modal的标记是,

<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,记录没有被删除。请任何人帮助我。

【问题讨论】:

    标签: html jsp twitter-bootstrap servlets


    【解决方案1】:

    我正在使用这样的调用函数并将值分配给隐藏字段

    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>
    

    【讨论】:

    • k 。 .就我而言,如何设置隐藏字段值
    猜你喜欢
    • 2013-07-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-22
    • 1970-01-01
    • 1970-01-01
    • 2017-12-31
    • 2015-01-27
    相关资源
    最近更新 更多