如何获取输入的值并将其放入确认表单答案

【问题标题】：How to take the value of input and put it in confirmation form如何获取输入的值并将其放入确认表单
【发布时间】：2016-10-27 11:38:40
【问题描述】：

我有一个输入，您可以在其中插入一个数字并按提交，然后出现一个确认表单并询问您Are sure...nr selected is:，我希望它显示我插入的数字。

<input type="text" autocomplete="off" id="amount" >
<div id="dataConfirm" class="getnumber" data-title="Nr. selected is:" data-content="MY NUMBER" ></div>

$("#dataConfirm").confirm();

那么在data-content 中，MY NUMBER 在哪里？我想显示输入的数字。我正在使用 jquery-confirm 插件 v2.5.1。

【问题讨论】：

你想在data-content中设置输入值吗？

标签： javascript jquery html

【解决方案1】：

您需要使用$.confirm。

$('#myform').on('submit', function() {
  var val = $('#amount').val();
  $.confirm({
    title: 'Confirm!',
    content: 'Are sure...nr selected is:' + val,
    confirm: function() {
      $('#dataConfirm').data('content', val);
      console.log($('#dataConfirm').data('content'));
    },
    cancel: function() {

    }
  });
})

$('#myform').on('submit', function() {
  var val = $('#amount').val();
  $.confirm({
    title: 'Confirm!',
    content: 'Are sure...nr selected is:' + val,
    confirm: function() {
      $('#dataConfirm').data('content', val);
      console.log($('#dataConfirm').data('content'));
    },
    cancel: function() {

    }
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/2.5.1/jquery-confirm.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/2.5.1/jquery-confirm.min.css" rel="stylesheet" />
<form id="myform">
  <input type="text" autocomplete="off" id="amount">
</form>
<div id="dataConfirm" class="getnumber" data-title="Nr. selected is:" data-content="MY NUMBER"></div>

【讨论】：

非常完整的答案。
谢谢！你成就了我的一天

【解决方案2】：

您必须先填充内容。使用：

$.confirm({
    content:    <- set desired value here

jquery-confirm 仅用于 View，content 不会自行填充。

如果有帮助，请检索您可以使用的值：

document.getElementById('dataConfirm'); //returns a HTML DOM Object

或

var content = $('#dataConfirm');  //returns a jQuery Object

【讨论】：