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

Question

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

我想让你去页面右上角的“个性化你的礼物”部分，测试“是”按钮，里面有带有引导选项卡的可折叠内容，它只从第一个输入文本中获取值（切菜板)，但不是第二个标签（花盒）和第三个标签（丝带）。输入文本后，您将看到输入的值，然后按 Enter 或单击确定。请检查。我还想通过选项卡名称获取第二个和第三个选项卡的值（也许？）。请帮忙。谢谢！

Answer 1

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

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

获取文本框的值。问题是您有 3 个不同的文本框，它们具有相同的“rInputText”类，所以当您使用时

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

它只选择与选择器匹配的第一个元素，在这种情况下，它是第一个选项卡中显示的文本框。

建议改成

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

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