1

我有一个页面有几个模型。

如果用户在模态框内的 texbox 中更改了某些内容，有没有办法可以在单击时保存更改而无需转到新页面？

这是一个示例模型：

<div id="myModal6" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                    <h3 id="myModalLabel3">Homepage Testimonial</h3>
                                </div>
                                <div class="modal-body">

                               <h5><b>Testimonial: </b></h5>
              <textarea name="hometest" style="width: 500%" height:"150%";><?php echo $hometest ; ?>  </textarea>
              <br><br>

              <h5><b>Testimonial From:</b> </h5><input type="text" name="hometestfrom" value="<?php echo $hometestfrom ; ?>"><br>
                                </div>
                                <div class="modal-footer">
                                    <button class="btn red" data-dismiss="modal" aria-hidden="true">Cancel</button>
                                <a href='index.php'>    <button class="btn green">Save</button></a>
                                </div>
                            </div>
4

2 回答 2

0

您需要使用 Ajax 来解决问题.. 为您的按钮添加另一个类

<button class="btn green submit">Save</button>

然后使用 Jquery ajax 调用：

<script>
$(document).ready(function () {
   $('.submit').click(function() {
       $.ajax({        
          type:"POST",
          url:"<?php echo 'urPhpFile/urFunction' ?>",
          data:{data u wanna pass},
          dataType:"json", //better to use json encode
          success:function(data)
          {
               //do sth after data returned
          }
          error:function(e)
          {
                // do sth else
          }
        });
   });
});
</script>
于 2013-09-09T14:44:13.090 回答
0

在某处创建一个可调用的 php 函数：

function saveToDB() { 
  // save logic here, handle data from $_POST array  
}

在您的模式窗口中添加一个 onclick="saveDataInDB()" 到按钮

<button class="btn green" onclick="saveDataInDB()">Save</button>

然后添加一个将您所需数据发布到 php 脚本的 javascript

<script>
function saveDataInDB() {
    $.post('urlofphpscripthere',{'somedata': 'somethingfromyourform'},function(){ 
      // callback function, you could eg close your window if everything was saved successfully 
    });
}
</script>
于 2013-09-09T12:44:26.287 回答