jQuery para ir a um url no formulário de envio com valores de campo adicionado à string url
Pergunta
Eu sou bastante novo para jquery e eu acho que isso é simples, mas eu estou lutando e Google não parece estar ajudando ....
O que eu tenho é uma forma básica ...
<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>
Agora, quando submit é clicado eu quero para Goto um url, mas, em seguida, adicione os valores Froms para a cadeia url (mas não usando o método de formulário = get) basicamente eu quero que isso aconteça
no clique de enviar Goto http://myurl.com/index.html?params=firstNamevalue*surnamevalue
Eu tenho sido hacking sobre com o jQuery, mas onde eu sou até algo assim ...
< 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>
espero que eu tenha sido farily claro - Eu apreciaria muito qualquer ajuda
Andy
Solução 3
Obrigado tanto para sua ajuda sobre isso ...
Eu não tenho certeza se eu estava fazendo algo errado com seus métodos ou se eu não tivesse descrito o que eu precisava para fazer bem o suficiente ...
A solução, no final, para mim foi esta ...
primeiro arquivo contém um um formulário com 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>
este dirige para obter parâmetros e como o método = obter as extremidades URL com getParams.html?firstname=""&surname=""
Em seguida, na página getParams.html
isto é simplesmente usado para a formatação (como eu preciso que ele seja) a partir da url e redirecionamento ...
eu usei ligado seguido por este encaixe http : // projects.allmarkedup.com/jquery_url_parser/
com os js:
var firstName = jQuery.url.param("firstName");
var surname = jQuery.url.param("surname");
location.href = 'http://myOnlineMag/issue01.html?params=' + firstName + '*' + surname;
puxa os valores que eu quero formar a url como vars em seguida, atribui-los para o fim da minha url. (Eu precisava destes neste formato específico -. Não é possível compartilhar um link até que os projetos de viver, mas eu posso postar na próxima semana se você gostaria)
Outras dicas
jQuery serialize pode ajudar em um caso simples como o que você descreve:
$('#form').submit(function(){
location.href = 'index.html'+$(this).serialize();
});
Você tem direito, quase.
var firstName = $("#firstName").val();
var surname = $("#surname").val();
location.href = "index.html?firstName=" + firstName + "&surname=" + surname
Claro, você poderia fazer uma função que aceita uma lista de pares de chave / valor em um objeto e tornar este genérico, mas você começa a idéia.
$('#submit').click( function() {
location.href = "";
return false;
} );