用操作按钮调用引导模式表单

Question

我有一个模式表单，其中有一个按钮，可以使用传递的参数在浏览器中打开一个新窗口

下面是对模态表单的调用

<div class='ts-1-8' onClick='showMsg($row1_desc, $row1_ref)'</div>

这是模态形式

<div class='modal fade' id='MyModal' tabindex='-1' role='dialog' aria-labelledby='exampleModalLabel' aria-hidden='true'>
  <div class='modal-dialog modal-lg' role='document'>
    <div class='modal-content'>
      <div class='modal-body'>
        <form>
          <div class='form-group'>
            <label for='modal_message' class='col-form-label'>Order:</label>
            <button type='button' class='btn btn-secondary btn-xs' data-dismiss='modal'>OK</button>
            <button type='button' id='meal' class='meal btn btn-secondary btn-xs' data-dismiss='modal'>Meal Data</button>
            <textarea class='form-control' rows='19' cols='30' id='modal_message'></textarea>
          </div>
        </form>
      </div>
    </div>
  </div>

下面是JavaScript

function showMsg(modal_message, ref)
{
    var win = "";
    var meal = "../command/command?ref="+ref;
    $('#MyModal .meal').click(function() {
        win = window.open(meal, '_blank');
        win.focus();
    });


    
    if (typeof modal_message !== 'undefined'){
        var message = "";
        $("#modal_message").html(modal_message);
        $('#MyModal').modal('handleUpdate');
        $('#MyModal').modal('show');
    }
}

将弹出带有正确信息的模态表单。 我可以在点击meal按钮时打开一个新窗口，它在variable=ref中传递正确的参数。

问题是如果我在ref中用不同的数据再做一次，那么新的数据就不用了…… 它还记得旧的数据。

BTW:函数showMsg由onclick调用，然后它通过模式表单中的按钮（meal）再次激发。

我尝试使用jQuery替换第一个onclick，但无法使其工作$(“.ts-1-8”）。on('click'，function（event){

Answer 1

如果我没有理解错的话，在传入新数据之前，您需要清除发送到模式窗口的所有内容。 执行该操作的方式取决于需要清除的元素类型。 通常您只需要编写另一个函数，在每次关闭modal窗口时执行该函数，将其重置为启动状态。