jquery转到表单提交的URL,并将字段值添加到url字符串
题
我对jquery很新,我认为这很简单,但我很挣扎,谷歌似乎没有帮助....
我所拥有的是基本形式......
<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>
现在,当点击提交时,我想转到一个网址但是然后将froms值添加到网址字符串(但不使用表单方法= get)基本上我想要这样做
点击提交转到 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>
希望我一直很清楚 - 我非常感谢任何帮助!
安迪
解决方案 3
感谢你们对此的帮助......
我不确定我的方法是否有问题,或者我没有描述我需要做的事情......
对我来说最终的解决方案是......
第一个文件包含一个带有 method =&quot; get&quot;
< 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>
这指示获取参数并且方法=获取网址以 getParams.html?firstname =&quot;&quot;&amp; surname =&quot;&quot;
然后在 getParams.html
页面中,这只是用于从网址和重定向格式化(因为我需要它)...
我使用了附加的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拉为vars,然后将它们附加到我的url的末尾。 (我需要这些特定的格式 - 在项目生效之前无法共享链接,但如果您愿意,我可以在下周发布。)
其他提示
jQuery序列化可能会对您所描述的简单案例有所帮助:
$('#form').submit(function(){
location.href = 'index.html'+$(this).serialize();
});
你说得对,差不多。
var firstName = $("#firstName").val();
var surname = $("#surname").val();
location.href = "index.html?firstName=" + firstName + "&surname=" + surname
当然,您可以创建一个函数来接受对象中的键/值对列表并使其成为通用的,但您明白了。
$('#submit').click( function() {
location.href = "";
return false;
} );
不隶属于 StackOverflow