Question

我有一个输入，您可以在其中插入一个数字并按提交，然后会出现一个确认表格并询问您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。

Answer 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() {

    }
  });
})

＆＃13;

$('#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() {

    }
  });
})

＆＃13;

<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>

＆＃13;

Answer 2

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

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

jquery-confirm仅适用于查看，内容不会自行填充。

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

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

或

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

如何获取输入值并将其置于确认表中

2 个答案: