Anfügen, form input value to-action-url als Pfad

Ich habe ein Formular wie dieses:

<form action="http://localhost/test">
    <input type="text" name="keywords">
    <input type="submit" value="Search">
</form>

Wenn ich geben Sie einen Wert ein, sagen wir mal: 'Hallo' in die text-input-Feld ein und senden Sie die form, die URL sieht so aus: http://localhost/test/?keywords=hello.

Möchte ich den Wert zu erhalten, die an die Handlung Pfad. Also im Grunde, nach dem senden des Formulars die URL sollte folgendermaßen Aussehen:

http://localhost/test/hello
  • Haben Sie vielleicht zu verwenden, htaccess rewriterule!
InformationsquelleAutor littleibex | 2015-12-07
  1. 4

    Können Sie onsubmit Attribut und eine Aktion festlegen, die innerhalb einer Funktion Beispiel:

    <form id = "your_form" onsubmit="yourFunction()">
    <input type="text" name="keywords">
    <input type="submit" value="Search">
</form>

function yourFunction(){
    var action_src = "http://localhost/test/" + document.getElementsByName("keywords")[0].value;
    var your_form = document.getElementById('your_form');
    your_form.action = action_src ;
}
    InformationsquelleAutor prieston
  2. 0

    Können Sie onsubmit und verwenden jQuery um dasselbe Ergebnis zu erhalten.

    Überprüfen Sie die folgenden.

    HTML-Code:

    <form id = "your_form" onsubmit="yourFunction()">
    <input type="text" name="keywords">
    <input type="submit" value="Search">
</form>

    jQuery-Code:

        function yourFunction(){

    var action_src = $("keywords").val();
    var your_form = $('your_form').val();

    var urlLink = "http://localhost/test/";
    urlLink = urlLink + action_src;



    your_form.action = urlLink;

}
    InformationsquelleAutor Dulith De Costa
Schreibe einen Kommentar