2016-06-02 13 views
0

Mein HTML-Formular ist:Wie zusätzlichen Text zum Eingangswert Ergebnis hinzufügen jQuery

<form id="search" action="form.html" method="get"> 
    <input type="text" id="keyword" name="search" placeholder="keywords" /> 
</form> 

Bei Typ "Test" und die Eingabetaste drücken, um es zu form.html gehen sucht = test

?

Mit jQuery, wie kann ich "xx-" auf das Ergebnis hinzufügen, dh form.html? Search = xx-test?

Danke

+3

Was ist Ihr Ziel? Können Sie Ihren Versuch, jQuery zu verwenden, mit einbeziehen? –

+0

Die Seite, an der ich gerade arbeite, hat eine hartcodierte Suchergebnisseite **/search? Search = xx-keyword **. Und mein Ziel ist es, statische HTML-Formular zu verwenden, um den Eingabewert an die Suchseite zu übergeben. Es wäre einfach, wenn es nicht ** xx - ** hätte. Vielen Dank – YellowSubmarine

Antwort

0

Ich hoffe, das hilft: Event keypress

$("#search").submit(function(event) { 
    var $form = $(this), 
     url = $form.attr('action'); 
    var submitdata = $.get(url, { search: "xx-" + $('#keyword').val()}); 

    submitdata.done(function(data) { 
    alert('success'); 
    }); 
}); 
0

Gebrauch zu fangen eingeben und Ihre URL zu machen, wie dies zu umleiten.

$('#keyword input').bind('keypress', function(e) { 
    if(e.keyCode==13){ 
     var keyword= $('#keyword').val(); 
     window.location = form.html?search=xx_' + keyword; 
    } 

});​ 
0

Sie können die Übermittlung des Formulars stoppen und die URL selbst erstellen.

<form id="search" action="form.html" method="get"> 
    <input type="text" id="keyword" name="search" placeholder="keywords" /> 
</form> 
<script> 
$("#search").submit(function(e) { 
    e.preventDefault(); 
    var url = this.attr('action') 
    url += '?keyword=xx-' + encodeURIComponent($('#keyword').val()); 
    location.href = url; 
}); 
</script> 
Verwandte Themen