jquery gehe zu url in form submit mit dem Bereich Werte Hinzugefügt, um die url-Zeichenfolge

Ich bin Recht neu mit jquery und ich denke, das ist einfach, aber ich bin kämpfen, und google scheint nicht zu helfen....

Was ich habe, ist ein basic-form...

<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 submit geklickt wird, möchte ich zum springen eine url, aber dann fügen Sie die froms Werte an den url-string (aber nicht mit der form Methode=get) im Grunde möchte ich, dass dies passieren

beim klicken des submit-springen http://myurl.com/index.html?params=firstNamevalue*surnamevalue

Ich habe hacken, über die mit der jquery, aber wo ich bin bis zu 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>

ich hoffe, ich habe farily klar - ich würde schätzen jede Hilfe!!!

Andy

Warum genau kannst du nicht verwenden <form method="get"> ?

InformationsquelleAutor tbwcf | 2009-10-22

  1. 11

    jQuery: serialisieren helfen könnte in einem einfachen Fall wie die, die Sie beschreiben:

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

    InformationsquelleAutor Alex Sexton

  2. 0

    Haben Sie es gleich, fast.

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

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

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

    $('#submit').click( function() { 
location.href = "";
return false;
} );
    Danke für die Antworten Jungs versucht, dieser Nachmittag und kann noch immer nicht ruhig ist es richtig... das ist was ich haben var Vorname = $("#firstName").val(); var Nachname = $("#Nachname").val(); $('#submit').klicken Sie auf(location.href = "public.edition-on.net/352online/issue01.html?params=" + firstName + "*" + Nachname); aber es leitet auf die Seite laden, anstatt Sie auf klicken Sie auf?? Ich werde es weiter versuchen, aber obvo jede weitere Zeiger würde geschätzt... Andy

    InformationsquelleAutor Stefan Kendall

  3. 0

    danke Euch beiden für Eure Hilfe...

    Ich bin mir nicht sicher, ob ich Tat etwas falsch mit Ihren Methoden, oder wenn ich hatte nicht beschrieben was ich tun musste gut genug...

    Die Lösung in das Ende für mich war diese...

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

    dieser richtet sich an get-Parametern-und als method=get die url endet mit getParams.html?firstname=""&surname=""

    Dann in der getParams.html Seite ist dies einfach verwendet, für die Formatierung (die, wie ich brauche, es zu sein) aus der url und leiten Sie...

    Ich verwendet, befestigt, jquery, gefolgt von diesem plugin http : //projects.allmarkedup.com/jquery_url_parser/

    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 die Werte möchte ich form der url, wie vars, dann hängt diese an das Ende meiner url. (Ich habe diese in diesem speziellen format - können nicht geben Sie einen link, bis die Projekte Leben aber ich kann nach der nächsten Woche, wenn Sie möchten.)

    InformationsquelleAutor tbwcf

Schreibe einen Kommentar