1

設定：

JSP と jQuery を使用しています。3 つのタブ ページを保持する「親」ページがあります。タブ 1 には、ユーザーが名、姓などのいくつかのフィールドに入力する必要があるフォームがあります。ユーザーはフォームに入力し、他のタブに移動します。タブ 3 では、彼がタブ 1 で入力したコース名を表示する必要があります。基本的には、タブ間で値を渡す必要があります。

問題：

タブ 1 にドロップダウンがあるように、タブ 3 のタブ 1 からいくつかのフィールドにアクセスできます。

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

次のようにタブ 3 でこれにアクセスできます。

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

バー 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 に答える