2009-10-22 61 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(); 
});