4

我对 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>

现在,当单击提交时,我想转到一个 url,然后将 froms 值添加到 url 字符串(但不使用表单方法 = 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>

希望我已经很清楚了-非常感谢您的帮助!

安迪

4

3 回答 3

11

jQuery 序列化可能会在您描述的简单情况下有所帮助:

$('#form').submit(function(){
  location.href = 'index.html'+$(this).serialize();
});
于 2009-10-22T22:07:22.563 回答
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>

这指示获取参数,并且方法=获取 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 中提取我想要的值作为 vars,然后将它们附加到我的 url 的末尾。(我需要这种特定格式的这些——在项目上线之前无法分享链接,但如果你愿意,我可以在下周发布。)

于 2009-10-23T21:27:17.243 回答
0

你说得对,几乎。

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

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

当然,您可以创建一个函数来接受对象中的键/值对列表并使其通用,但您明白了。

$('#submit').click( function() { 
location.href = "";
return false;
} );
于 2009-10-22T22:05:37.087 回答