jquery-confirm 对话框内容不会在表单更改时更新

Question

我目前遇到了 jquery-confirm 插件的问题，我无法动态更改内容。

我想要做的基本上是列出填充在 jquery-confirm 对话框内容中的表单输入的所有内容。

但是，由于 jquery-confirm 的初始化发生在文档就绪事件中，因此内容仅检索表单输入的初始状态。

这是我正在使用的代码

 $(document).ready(function() {
        $(".confirm").confirm({
            title: 'Submit the Form?',
            content: 'Form Select Value:' + $("#formSelect option:selected").text() +' <br />  Form Input Value: '+  $("#formInput").val() +' <br /> ',
            buttons: {
                formSubmit: {
                    text: 'Submit',
                    action: function () {
                        $('#myForm').submit();
                    }
                },
                cancel: function () {
                    //close
                }
            }

        }); 
});

问题是，无论我对表单输入进行什么更新，更改都不会显示在 jquery-confirm 的内容中。内容始终显示表单输入的初始状态。

我已尝试将确认初始化附加到表单按钮的单击按钮中以尝试捕获更改，但它仍然无济于事。

谁能告诉我如何正确地将表单的值绑定到 jquery-confirm 的内容中？

编辑：（包括 HTML 表单的简化版本）

  <form id="myForm"  method="post" action="/processThisForm" >
      <select id="formSelect" name="formSelect" >
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
      </select>
      <input type="text" id="formInput" />
      <button class="confirm">Save</button>
   </form>

编辑 2：

为此代码创建了一个 jsfiddle

https://jsfiddle.net/uxfb8myp/2/

Answer 1

使用function 更新您的content 字段分配，如下所示。

content: function() { 
    return 'Form Select Value:' + $("#formSelect option:selected").text() +' <br />  Form Input Value: '+  $("#formInput").val() +' <br /> '
},

您的完整$(".confirm").confirm() 应如下所示。

$(document).ready(function() {
    $(".confirm").confirm({
        title: 'Submit the Form?',
        content: function() { 
            return 'Form Select Value:' + $("#formSelect option:selected").text() +' <br />  Form Input Value: '+  $("#formInput").val() +' <br /> '
        },
        buttons: {
            formSubmit: {
                text: 'Submit',
                action: function () {
                    $('#myForm').submit();
                }
            },
            cancel: function () {
                //close
            }
        }
    }); 
});