如何检查和传递变量,如果保存按钮在模态点击?javascript

how to check and pass variables if save button is clicked in a modal? javascript

本文关键字:模态 按钮 javascript 保存 如果 检查和 变量      更新时间:2023-09-26

所以我有一个模态弹出,它使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.");
    });
});

您可以使用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.");
});

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。在其他方面,你需要触发'openModal'与extraParameters。