如何在選項卡之間傳遞值/變量？

設置：如何在選項卡之間傳遞值/變量？

我正在使用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訪問此像：

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

柏迪我不能訪問選項卡上的「COURSE_ID」 3.選項卡1具有這樣的：

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

我想訪問course_id在標籤3上。有人可以告訴我該怎麼做？我對jQuery/Ajax非常新手，所以我可能會錯過一些明顯的東西。

來源

2012-05-11 Bhushan

（offtopic），你應該使用'<標籤= 「course_id」> Course' ' –

是同一頁面上的所有選項卡嗎？ –

@Sagivo：是的，所有標籤都在同一頁面上。 – Bhushan

綁定上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-11 21:31:04

感謝Jonathan的回覆。我會試一試。我猜這個代碼會放在'父'選項卡中，對吧？ – Bhushan

@Learner nope，放在你聲明「.tabs（）;」的地方我編輯了我的答案來幫助。 –

，如果你需要的價值只是儘量

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

來源

2012-05-11 21:24:54

感謝您的回覆Sagvio。我已經試過了。它返回空白。 – Bhushan

這應該讓你COURSE_ID的價值。價值是由輸入字段設置的，這就是爲什麼文本不起作用。

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

來源

2012-05-11 21:26:47 AJak

感謝您的答覆AJak。我已經試過了。它返回空白。 – Bhushan

如果你調用alert（$（'＃course_id'）。length）;那是否給你1？只是確保元素存在，當你試圖調用val（） – AJak

是的，它返回1 – Bhushan

如何在選項卡之間傳遞值/變量？

回答

相關問題