2011-09-01 88 views
0

我有一個表單使用選擇列表來跳轉我的網站。這是目前使用onclick window.location所以用戶選擇頁面,並按下去,它會去那個頁面。jquery,在提交時替換html

我現在需要爲用戶添加一個小文本框來輸入代碼(比如說123456),然後當他們點擊開始時,它應該去選擇的網址,但[CODE]是輸入的數字在盒子裏。我發現的jQuery的replaceAll所以它給了我的想法,有這個在選擇HTML:

HTTP://jumptothispage.com/parts/p [CODE] /編輯

的http:// jumptothispage。 [/ code] /編輯

當你按go時,它會用輸入的代碼替換那個html中的所有[CODE],然後跳轉到選擇的那個頁面,例如

HTTP://jumptothispage.com/parts/p123456/edit

HTTP://jumptothispage.com/jobs/j123456/edit我已經使用在我的網站的jQuery

所以再次嘗試和利用它是有意義的。我會欣賞一個指針或其他建議。

謝謝, 保羅。

+0

對不起 - 真是想不通,你要什麼做。你可以試着編輯這個問題嗎?具體來說,你的意思是'所有這種形式的html被更新'? –

+0

我希望我的編輯對你有意義:) – techypaul

回答

0

解決方法:將代碼存儲在一個cookie中,因此至少對於查看URL欄的每個人都不可見。然後在每個onclick中,將其填入URL以將用戶發送到「正確」頁面。

或者,您的選擇的值的字面意思是讀取CODE,您的onclick解釋爲「用戶尚未設置代碼」。當用戶鍵入的代碼,它存儲在一個變量(在下面的例子中,realcode),然後你可以這樣做:

$('select#navigation option').each(function(idx, el) { 
    $(el).attr('value', $(el).attr('value').replace(/CODE/, realcode)); 
}); 
+0

嗨,第二個選項聽起來不錯,雖然我認爲通過將其設置爲值,我將失去將代碼用於不同頁面的能力?在最後一個計數中,我需要提供十個不同的網址作爲選項,所有這些網址都需要在網址中間輸入數字 - 我更新了問題以便更清楚地說明問題。我會嘗試一試,然後回來,謝謝你的迴應! – techypaul

+0

那麼,對於第二部分,您可以使用'$(document).ready()'來讀取window.location,如果CODE這個詞出現在正確的位置,那麼在我的答案中顯示替換否則使用CODE這個詞。 –