将值从初始形式解析为bootbox确认对话框弹出窗口

时间:2014-09-15 14:17:38

标签: javascript jquery ajax bootbox

idI有一个表单,我从中触发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>

1 个答案:

答案 0 :(得分:0)

如果您的表单是

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

您可以按照自己想要的方式访问输入值,即$('input[name="product"]');。您绝对需要在输入中存在属性name,否则它将无法正常工作。请注意不要在选择器中混用'"

如果您的输入有id或类

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

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

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

按类名或按ID而不是按属性选择要快得多,所以我建议你使用class或id。有关效果的详情,请参阅this answer

在编辑问题时,这里是如何实现您想要的:

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