Question

在JS文件中，我有一个弹出模态对话框的功能：

   $(".edit-task").click(function() {
        $("#myModal").modal()(
            {
                backdrop:true,
                keyboard:false,
            });


    });

然后对话框显示两个按钮和一个textarea：

  <textarea id="form-field-task-content" class="autosize-transition form-control" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 52px; color: black">Test1</textarea>
  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  <button type="button" class="btn btn-primary">Save changes</button>

我想在两者之间获取文本然后保存，那么我可以用两个按钮做什么？

$(".btn btn-primary").click(function(){});

Answer 1

 $(".btn btn-primary").click(function(){

$.ajax({
url: "wherever.php",
data: "data="+$('#form-field-task-content').val(),
success: function(result){
alert("You posted to wherever.php");
 }
});

wherever.php

“保存”数据。

Answer 2

制作表格。更改按钮类型为“提交”。并使用Jquery Ajax将数据发送到Server。从服务器端，您可以将数据存储在数据库中。

这样的事情：

<form id = "form">
 <textarea id="form-field-task-content" class="autosize-transition form-control" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 52px; color: black">Test1</textarea>
  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  <button type="submit" class="btn btn-primary">Save changes</button>

</form>

现在使用Jquery发布您的数据。示例：Sample

如何处理模式对话框的保存事件

2 个答案: