Question

设定：

我正在使用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>

我可以在Tab 3上访问它，如：

alert($('#states').text());

Bur我无法在标签3上访问“course_id”。标签1包含：

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

我想在标签3上访问 course_id 。有人能告诉我怎么做吗？我几乎是jQuery / Ajax的新手，所以我可能会遗漏一些明显的东西。

Answer 1

绑定一个事件，在tabselect我们将course_id的值写入标签3上的位置。

jsFiddle：http://jsfiddle.net/UdSUp/4/

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

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

Answer 2

如果您需要值，请尝试

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

Answer 3

这应该可以获得course_id的值。值是输入字段设置的值，这就是文本无效的原因。

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

如何在标签之间传递值/变量？

3 个答案: