2009-10-22 17 views
3

我相當新的jquery,我認爲這很簡單,但我掙扎和谷歌似乎並沒有幫助....jquery轉到表單提交域名值添加到url字符串

我已經是一個基本形式...

<form> 
First Name: < input type="text" name="firstName" id="firstName" /> 
Surname: < input type="text" name="surname" id="surname" /> 
<input type="submit" id="submit" value="submit"/> 
</form> 

立即提交被點擊時,我想後藤一個URL,但然後添加使用表單方法320交織值的URL字符串(但不是=得到)基本上我想這發生

點擊提交轉到http://myurl.com/index.html?params=firstNamevalue*surnamevalue

我一直黑客有關使用jQuery的,但在那裏我是高達像這樣...

< script src="http://www.google.com/jsapi" type="text/javascript">< /script> 
< script type="text/javascript"> 
    google.load("jquery", "1.3.1"); 
</script> 

< script type="text/javascript"> 

var = firstName $("#firstName").val(); 
var = surname $("#surname").val(); 


$('#submit').click(function(){ 
    window.location = ???; 
}); 
< /script> 

希望我已經清楚farily - 我會非常感謝任何幫助!

Andy

+1

爲什麼你不能使用'

'? – Aistina 2009-10-22 22:09:19

回答

0

感謝你們爲您在這個幫助...

我不知道如果我是用你的方法做錯了什麼,或者如果我沒有描述我需要做的很好......

最終的解決方案對我來說是這樣的......

第一文件包含具有method="get"

< form method="get" action="getParams.html"> 
First Name: < input type="text" name="firstName" id="firstName" /> 
Surname: < input type="text" name="surname" id="surname" /> 
< input type="submit" id="submit" value="submit"/> 
< /form> 

此指示來獲得PARAMS AA形式,並且該方法=獲取的URL以getParams.html?firstname=""&surname=""

然後在getParams.html頁,這是簡單地用於格式化(結束因爲我需要它來從URL中)和重定向...

我用jQuery的連接,然後這個插件http : // projects.allmarkedup.com/jquery_url_parser/

與JS:

var firstName = jQuery.url.param("firstName"); 
var surname = jQuery.url.param("surname"); 
location.href = 'http://myOnlineMag/issue01.html?params=' + firstName + '*' + surname; 

拉我想形成URL作爲瓦爾然後將它們連接到我的網址末尾的值。 (我需要這些特定的格式 - 直到項目生效才能共享鏈接,但如果您願意,我可以在下週發佈。)

0

你說的對,差不多。

var firstName = $("#firstName").val(); 
var surname = $("#surname").val(); 

location.href = "index.html?firstName=" + firstName + "&surname=" + surname 

當然,你能有這樣的接受對象的鍵/值對列表的功能,使這個通用的,但你的想法。

$('#submit').click(function() { 
location.href = ""; 
return false; 
}); 
+0

謝謝你們今天下午嘗試的回覆,仍然無法安靜地把它弄清楚......這就是我所擁有的 var firstName = $(「#firstName」)。VAL(); var surname = $(「#surname」)。val(); $('#submit')。click(location.href =「http://public.edition-on.net/352online/issue01.html?params=」+ firstName +「*」+ surname); 但它轉發頁面加載,而不是點擊?? 我要繼續努力,但obvo任何進一步的指針,將不勝感激... Andy – tbwcf 2009-10-23 16:35:01

11

jQuery serialize可能有助於在一個簡單的情況下,像你描述的一個:

$('#form').submit(function(){ 
    location.href = 'index.html'+$(this).serialize(); 
});