Suchschlüssel hinzufügen auf URL mit jQuery

Question

Ich habe ein kurzes Problem. Das ist mein HTML-Code:

<select name="searchtips" id="searchtips" class="form-control"> 
    <option value="http://88.99.78.54/category/bonnes-affaires/ameublement/searchkey">Ameublement</option> 
    <option value="Electro ménager">Electro ménager</option> 
    <option value="Extérieur">Extérieur</option> 
    <option value="Hi-tech">Hi-tech</option> 
    <option value="Prêt-à-porter">Prêt-à-porter</option> 
    <option value="Jouets">Jouets</option> 
    <option value="Animaux">Animaux</option> 
    <option value="Divers">Divers</option> 
</select> 
<label></label> 
<input type="text" class="form-control" name="search" placeholder="Mots cles"> 
</div> 
<div class="container"> 
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 buttons-section"> 
    <button type="submit" class="btn btn-tips btn-block submit-button">J'EN PROFITE</button> 
    </div> 
</div> 

Dies ist die jQuery ist:

$(".btn").click(function(){ 
    var go_to_url = $("#searchtips").find(":selected").val(); 
    document.location.href = go_to_url; 
}); 

Ok, also wenn ich eine Kategorie von Optionen auswählen, und klicken Sie auf J'en profite alle Werke umleiten mich in Ordnung auf der Website . Aber wenn ich etwas auf "Mots Cles" schreibe, möchte ich meinen Suchschlüssel-Link hinzufügen: http://88.99.78.54/category/bonnes-affaires/ameublement/searchkey. Wie kann ich den Text auf meinem Link hinzufügen?

Vielen Dank für Ihre Hilfe!

Answer 1

Sie müssen überprüfen, ob das Feld ausgefüllt ist und basierend darauf können Sie es an die URL anhängen. Überprüfen Sie den folgenden Code:

$(".btn").click(function() { 
 
    var searchString = ''; 
 
    if($("#searchString").val() != '') 
 
    var searchString = $("#searchString").val(); 
 
    var go_to_url = $("#searchtips").find(":selected").val(); 
 
    document.location.href = go_to_url + '/' + searchString; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="searchtips" id="searchtips" class="form-control"> 
 
    <option value="http://88.99.78.54/category/bonnes-affaires/ameublement/searchkey">Ameublement</option> 
 
    <option value="Electro ménager">Electro ménager</option> 
 
    <option value="Extérieur">Extérieur</option> 
 
    <option value="Hi-tech">Hi-tech</option> 
 
    <option value="Prêt-à-porter">Prêt-à-porter</option> 
 
    <option value="Jouets">Jouets</option> 
 
    <option value="Animaux">Animaux</option> 
 
    <option value="Divers">Divers</option> 
 
</select> 
 
<label></label> 
 
<input type="text" class="form-control" name="search" placeholder="Mots cles" id="searchString"> 
 
</div> 
 
<div class="container"> 
 
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 buttons-section"> 
 
    <button type="submit" class="btn btn-tips btn-block submit-button">J'EN PROFITE</button> 
 
    </div> 
 
</div>