1

设置：

我正在使用 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 的新手，所以我可能会遗漏一些明显的东西。

4

3 回答 3

2

绑定一个事件，tabselect我们将值写入course_id选项卡 3 上的位置。

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

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

$('#tabs').bind('tabsselect', function(event, ui) {
    $("#showCourseID").text($("#course_id").val());
});​
于 2012-05-11T21:31:04.537 回答
0

如果您需要该值，请尝试

$("#course_id").val();
于 2012-05-11T21:24:54.193 回答
0

这应该为您提供 course_id 的值。值是由输入字段设置的，这就是文本不起作用的原因。

$('#course_id').val();
于 2012-05-11T21:26:47.470 回答