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

Question

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

的页面

我希望你去＆＃34;个性化你的礼物＆＃34;在页面右上角的部分，测试YES按钮，其中有可写内容的可折叠内容，它只从第一个输入文本（切割板）获取值，但不是第二个选项卡（花​​箱）和第三个标签（带）。放入文本后你会看到输入的值然后按回车或点击好。请检查。我想通过选项卡名称（也许是？）获取值和第二个和第三个选项卡。请帮助。谢谢！

Answer 1

当用户按OK或按Enter键时，使用

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

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

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

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

我建议将其改为

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

使用＆＃34; .tab-pane.active＆＃34;在选择器中，它查找具有类＆＃34; tab-pane＆＃34;的元素。 AND＆＃34;活动＆＃34;，因此只有活动输入被选中。