使用php将值传递给bootstrap模型

时间:2016-03-13 01:18:26

标签: php twitter-bootstrap

我有一个按钮,我正在尝试将值传递给model.Inside按钮我的名字=" className" value =" CPS210-CompSci-I(4)"按钮是类型提交。

     <button type="submit" data-toggle="modal" data-target="#myModal" 
       class="btn btn-info btn-md" name="className" value="CPS210-CompSci-I (4)">
       <span class="glyphicon glyphicon-comment"></span> Comment
     </button>  

我有一个模特。在模型里面我有php $ className = $ POST [&#39; className&#39;];                    echo&#34; $ className&#34 ;;

 <div ng-app class="modal fade" id="myModal" role="dialog">
   <div class="modal-dialog modal-md">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title"><?php echo "Note for $firstname $lastname" ?></h4>
         </div>
         <div class="modal-body">
            <div class="form-group">
               <textarea class="form-control" ng-model="note"
                  placeholder="Here you can write a a note for the student. " id="message" 
                  required data-validation-required-message="Please enter a Goal"></textarea>
               <p class="help-block text-danger"></p>
               <label class="light">
            </div>
            <hr>
            <?php $className = $_POST['className'];
               echo "$className";
                         ?>                                 
            <h4>Note Regarding:{{note}} </h4>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         </div>
      </div>
   </div>
</div>

1 个答案:

答案 0 :(得分:0)

变量仅在提交表单后添加到$ _POST数组中。您的页面必须&#34;刷新&#34;在数组填充之前。当模态触发并在scree上打开一个新的模式框时,这不被视为页面刷新,因此单击的按钮的值不会添加到数组中。

您需要将您的按钮放在表单标签内,这样会在页面刷新时触发模式打开&#34;并且该键中的值存在。这将是烦人的并且破坏了引导模态的整个目的。

另外,更有可能的选择是,当点击按钮时,使用javascript将按钮中的值移动到模态中的位置。

$('button[name="className"]').click(function(){
   var className = $(this).val();

   $('#class-name').html(className);
});

编辑你想要类名的模态:

<hr>
<p id="class-name"></p>                               
<h4>Note Regarding:{{note}} </h4>