Bootstrap 选项卡如何从选项卡输入值中获取值基础

Question

所以，基本上这是我的页面供您测试 = http://www.greenthumbgifts.com.au/buy/Mothers-Day/Eucalyptus-and-Lemon-Candle-with-Native-Gum/252?&templatebody=test2

我希望你转到页面右角的 "Personalise your gift" 部分，测试 YES 按钮，里面有带有 bootstrap 选项卡的可折叠内容，它只从中获取值首先输入文本（切菜板），但不是第二个选项卡（花​​盒）和第三个选项卡（丝带）。您将在输入文本后看到输入值，然后按回车键或单击确定。请检查。我还想通过选项卡名称（也许？）获取第二个和第三个选项卡的值。请帮助。谢谢！

Answer 1

当用户按下 OK 或回车时，您使用

var rText = $("input.rInputText").val();

获取文本框的值。问题是你有 3 个不同的文本框，它们具有相同的 class 或 "rInputText"，所以当你使用

$("input.rInputText").val();

它只选取与选择器匹配的第一个元素，在本例中是第一个选项卡中显示的文本框。

我建议改成

var rText = $(".tab-pane.active input").val();

使用选择器中的“.tab-pane.active”，它会查找具有 class "tab-pane" AND "active" 的元素，因此只有活动的输入已拾取。