从引导模型传递数据

Question

我试图从引导模型传递数据并将其显示在表上。但是，这里的问题是我无法传递数据，而列只显示空值。我是新手，所以我需要一些关于如何传递数据日和会话的帮助？

<table class="table order-list" id="myTable"> 
    <thead> 
    <tr> 
     <th> 
     Day 
     </th> 
     <th> 
     Type 
     </th> 
    </tr> 
    </thead> 
    <tbody> 
    </tbody> 

</table> 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
     </div> 
     <div id="daypicker" class="modal-body"> 
     <div class="container"> 
      <h5>Select A Day: </h5> 
      <select class="selectpicker" data-style="btn-info" multiple data-max-options="1" data-live-search="true"> 
      <optgroup label="Day"> 
       <option>Monday</option> 
       <option>Tuesday</option> 
      </optgroup> 
      </select> 
      <h5>Select A Session: </h5> 
      <select class="selectpicker" data-style="btn-info" multiple data-max-options="1" data-live-search="true"> 
      <optgroup label="Session"> 
       <option>Morning</option> 
      </optgroup> 
      </select> 
      </br> 
      </br> 
     </div> 
     </div> 
     </br> 
     </br> 
     </br> 
     <div class="modal-footer"> 
     <button id="addrow" type="button" class="btn btn-primary">Add</a> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
     </div> 
    </div> 
    </div> 
</div> 

<script> 
$(document).ready(function() { 
    var counter = 0; 
    $("#addrow").on("click", function() { 
     var newRow = $("<tr>"); 
     var cols = ""; 
     cols += '<td><input type="text" class="form-control" name="Day' + counter + '"/></td>'; 
      cols += '<td><input type="text" class="form-control" name="Session' + counter + '"/></td>'; 
     newRow.append(cols); 
     $("table.order-list").append(newRow); 
     counter++; 
    }); 
}); 
</script> 

Answer 1

1. 您没有正确关闭标签为 “#addrow” 按钮。

2. 您可以从模态提取值像这样（你给<select>内容的适当编号：

   var dayPickerSelect1 = $("#daypicker-select1").val();

   var dayPickerSelect2 = $("#daypicker-select2").val();

3. 然后，您可以通过提取值的表如下：

   <input type="text" class="form-control" name="Day' + counter + '" value="' + dayPickerSelect1 + '"/>

   <input type="text" class="form-control" name="Session' + counter + '" value="' + dayPickerSelect2 + '"/>