Question

所以我有一个弹出的模态，它会进行ajax调用并给我3个变量来显示。在模态中有一个保存按钮和取消按钮，如果单击保存按钮，我想进行另一个ajax调用以将变量保存在数据库中。

我的问题是在模态打开后我无法检查保存按钮是否被点击，因为我可以传递变量。也许有办法将变量传递给onclick，所以我可以把它从这个函数中取出来。

$(document).on("click", '.assignButton', function (event) {
    var assID = this.id;
    var tempNum = assID.substring(7);
    var dropdata = 'tempID=' + tempNum;
    $.ajax({
        type: "POST",
        url: "showAssignInfo.php",
        data: dropdata,
        success: function (data) {
            var rowArray = data.split("%!");
            var teID = rowArray[0];
            var teName = rowArray[1];
            var coName = rowArray[2];
            $("#t1").html(teID);
            $("#t2").html(teName);
            $("#t3").html(coName);
        }
    });

    $('#assignModal').trigger('openModal');

    $(document).on("click", '.assignSave', function (event) {
        //Make ajax call with teID, teName, coName
        alert("save button is clicked.");
    });

});

Answer 1

您可以使用text()方法获取值：

$("#t1").text();
$("#t2").text();
$("#t3").text();


$(document).on("click", '.assignSave', function(event)
{
    //Use these values in your ajax call
    $("#t1").text();
    $("#t2").text();
    $("#t3").text();

    alert("save button is clicked.");
});

Answer 2

1.我不确定我是否了解你，但你可以尝试一下：

$(document).on("click", '.assignButton', function(event)
{
  var assID = this.id;
  var tempNum = assID.substring(7);
  var dropdata= 'tempID='+tempNum;
  var teID, teName, coName;

  $.ajax({
      type:"POST",
      url: "showAssignInfo.php",
      data:dropdata,
      success: function(data) {

        var rowArray = data.split("%!"); 
        teID = rowArray[0];
        teName = rowArray[1];
        coName = rowArray[2];

        $("#t1").html(teID);
        $("#t2").html(teName);
        $("#t3").html(coName);                               
      }
  });
  $('#assignModal').trigger('openModal'); 

  $(document).on("click", '.assignSave', function(event)
  {
     //Here we can use teID, teName, coName
     alert("save button is clicked.");
  });

});

我们将这些变量移到更高的范围

2.另外，你需要使用extraParameters触发'openModal'。你可以阅读它here。

如果在模态中单击保存按钮，如何检查和传递变量？ JavaScript的

2 个答案: