jquery, um zu einer URL auf Formular mit Feldwerten legen die URL-Zeichenfolge hinzugefügt

Question

Ich bin ziemlich neu in Jquery und ich denke, das ist einfach, aber ich bin zu kämpfen und Google scheint nicht zu helfen ....

Was ich habe, ist eine Grundform ...

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

Nun, wenn abschicken geklickt Ich möchte eine URL lese aber dann fügen Sie die Werte in die URL-Zeichenfolge froms (aber die Form Methode nicht verwenden = get) basicly Ich möchte dies geschehen

auf Klick von goto http://myurl.com/index.html?params=firstNamevalue*surnamevalue einreichen

Ich habe mit dem jquery Hacking über aber, wo ich bis zu bin, ist so etwas wie dieses ...

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

hoffentlich habe ich schon farily klar - ich sehr jede mögliche Hilfe schätzen würde

Andy

Answer 1

danke euch beiden für Ihre Hilfe auf diesem ...

Ich bin nicht sicher, ob ich etwas falsch mit Ihrem Methode tun oder wenn ich nicht beschrieben, was ich brauchte gut genug zu tun ...

Die Lösung am Ende für mich war ...

erste Datei enthält ein ein Formular mit 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>

Dies leitet params und wie das Verfahren zu erhalten = die URL erhalten endet mit getParams.html?firstname=""&surname=""

Dann in der getParams.html Seite dies einfach wird für die Formatierung verwendet (wie ich es sein muß) die URL aus und leitet ...

Ich benutzte angebracht jquery dieses Plugin http : // projects.allmarkedup.com/jquery_url_parser/ gefolgt

mit dem js:

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

zieht der Wert mag ich die URL bilden, wie Vars dann bis zum Ende meiner URL fügt sie. (Ich brauchte diese in diesem speziellen Format -. Kann keinen Link teilen, bis die Projekte, aber ich kann nächste Woche schreiben, wenn Sie möchten)

Answer 2

jQuery serialisiert in einem einfachen Fall wie die helfen könnten Sie beschreiben:

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

Answer 3

Sie haben es richtig, fast.

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

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

Natürlich könnten Sie eine Funktion machen, die eine Liste von Schlüssel / Wert-Paare in einem Objekt akzeptiert und machen diese generische, aber Sie bekommen die Idee.

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