Jquery 如何在选项卡之间传递值/变量？

设置：

我正在使用JSP和jQuery。有一个“父”页，其中包含3个选项卡页。在选项卡1上，有一个表单，用户必须填写几个字段，如名字、姓氏等。用户填写表单并转到其他选项卡。在表3中，我必须显示他在表1中输入的课程名称。所以本质上我必须在选项卡之间传递值

问题：

我可以从选项卡3的选项卡1访问一些字段，就像我在选项卡1上有一个下拉列表一样：

            <div class="dropDownMenu">
                <select id="states">
                    <option value="ca">CA</option>
                    <option value="ny">NY</option>
                </select>
            </div>

但我无法访问选项卡3上的“课程id”。表1包含以下内容：

            <div class="myCourse">
                <label for="course">Course</label>
                <input type="text" name="course_name" id="course_id" value=""/>
            </div>

课程

我想访问选项卡3上的课程id。

---

谁能告诉我怎么做？我对jQuery/Ajax非常熟悉，所以我可能遗漏了一些明显的东西。

如果您需要这个值，请尝试一下

$("#course_id").val();

---

当然，这会得到id的值。value是由输入字段设置的，这就是文本不起作用的原因

$('#course_id').val();

---

绑定一个事件，在

选项卡select

上，我们将

课程id的值写入选项卡3上的位置

jsFiddle：

（主题外）你应该使用
课程
`所有标签都在同一页上吗？@Sagivo：是的，所有标签都在同一页上。我给你发了一条评论怎么做。希望它能帮助我们感谢萨维奥的回复。我已经试过了。它返回空白。谢谢你的回复。我已经试过了。如果调用alert（$（“#课程id”）.length），则返回空白；​ 这给你1分了吗？当您试图调用val（）Hm时，只需确保元素存在，不知道发生了什么，就无法查看更多内容。我做了一个简单的小提琴来演示val（）是如何工作的，希望它能帮助您。我能想到的另一件事是val（）在选项卡1和3之间被清除，或者从未设置。谢谢你的回复，乔纳森。我要试一试。我猜这段代码会出现在“家长”选项卡中，对吗？@Learner不，只需将它放在声明“.tabs（）；”的地方，我编辑了我的答案以提供帮助。
$('#course_id').val();

$(function() {
    $( "#tabs" ).tabs();
});

$('#tabs').bind('tabsselect', function(event, ui) {
    $("#showCourseID").text($("#course_id").val());
});​