javascript - 将初始表单中的值解析为引导框确认对话框弹出窗口

Question

我有一个表单，我可以从中触发 Bootbox 对话框弹出窗口，如下所示：

$(function() {
  return $("#buy_order_btn").click(function() {
    return bootbox.dialog({
      title: "Confirm Buy Order",
      message: " // here should come the product name from the initial form"
    });
  });
});

问题：如何在 bootbox 的消息部分中显示初始订单表单中的值？

我在想类似的东西

var product = $("input[id='product']").val()

但我不确定。请指教

编辑：

初始形式如下所示：

<form>
<input type=text id=product>
</form>

Answer 1

如果你的表格像

<form>
  <input name="product" value="productValue"/>
</form>

您可以按您想要的方式访问 input 的值，即$('input[name="product"]');。您绝对需要该属性name存在于输入中，否则它将不起作用。小心不要在选择器中混用'和。"

如果您的输入有一个 id 或一个类

<input id="idOfInput" class="classNameOfInput" name="product" value="productValue"/>

您可以通过以下方式访问它：

$('.classNameOfInput').val();
$('#idOfInput').val();

按类名或 id 选择比按属性选择要快得多，因此我建议您使用 class 或 id。有关性能的更多信息，请参阅此答案。

当您编辑时，这里的问题是如何实现您想要的：

$(function() {
  return $("#buy_order_btn").click(function() {
    return bootbox.dialog({
      title: "Confirm Buy Order",
      message: $('#product').val() // The product code here.
    });
  });
});