検索キーにjQueryを追加したURL

Question

私にはちょっとした問題があります。これは私のhtmlコードです：

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

これはjQueryのです：

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

[OK]を、私はオプションからカテゴリを選択してJ'EN PROFITEをクリックしたときにすべてが罰金のウェブサイトに私をリダイレクトする作品。しかし、私が "Mots Cles"に何かを書くとき、私は私の検索キーのリンクに追加したい：http://88.99.78.54/category/bonnes-affaires/ameublement/searchkey。では、リンクにテキストを追加するにはどうすればいいですか？

ありがとうございました！

Answer 1

フィールドに値が入力されているかどうかを確認し、それに基づいてURLに追加する必要があります。以下のコードをチェック：

$(".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>