Question

我有一个简单的表单，如下所示：

403 Forbidden

我只是希望当我按下Submit时，它显示一个引导程序模态并将3个输入中的表单数据发送到模态。

我已经有了所有项目的列表，并且每个项目旁边都有一个按钮，我可以调用引导程序模式（使用数据字段，并使用“ button.data”从javascript进行调用。）但是现在我希望使用条形码扫描仪可以扫描商品的标识符，然后页面用我在表单中填充的数据填充模式，但是我不知道如何传递数据。形成模态。

谢谢

Answer 1

使用jQuery事件，为表单“提交”添加一个侦听器。
将以下代码添加到您的js中。

function handleModal(e){
  e.preventDefault();
  // Get the input data.
  var input1 = $('input[name="form_serialno"]').val();
  var input2 = $('input[name="form_idorder"]').val();
  var input3 = $('input[name="form_customer"]').val();
  //Manipulate the data here.
  // Example:
  //$('#<id-of-modal-element>').text(input1);
  // Show the modal
  $('#myModal').modal('show');
  return false;
}
$('#submit-button').on('submit',handleModal);

在html表单上提交打开模式，将数据传递给他

1 个答案: