jQueryを使用して複数のHTMLをリッスンする方法

Question

複数のselect htmlタグ（基本的には現在3つ）があり、選択した値**（HTML選択タグのグループ）を使用してAjaxを使用してテーブルをフィルタしたいリクエスト...

EX）私の質問は、各selectタグのための私のコードを複製していない、同じ時間に、これを行うようにする方法である性別、場所、季節

を使用してフィルタリング？

Answer 1

からrefrenceを取る、あなたは以下のコードを使用してそれを達成することができます。

$("select").change(function(){ 
    var location = $("LOCATION_SELECTOR").val(); //selector using ID/Class/Name 
    var gender= $("GENDER_SELECTOR").val(); 
    var season= $("SEASON_SELECTOR").val(); 


    $.ajax(...) // use above 3 values to post the data. 
}); 

Answer 2

あなたにドロップダウンの変更のいずれかの1つのAJAXを行うことができます。

$("select").on('change',function(){ 
 
    var selectedValue = $(" :selected").val(); 
 
    ajax({ 
 
    // Do post for submitting the value 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

あなたが持っているが、変更のいずれかにのみ投稿選ぶものは何でも変更できます。これを行います。これは、転記用の選択項目コードを複製しないことでも役立ちます。あなたの要素をソートするjavascriptののArray.sort（）

Answer 3

使用はMDN

Answer 4

このコードを試してください。 uがやっていること

$(function() { 
 
    $('#fruits').change(function(e) { 
 
     var selected = $(e.target).val(); 
 
     console.dir(selected); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select multiple="true" id="fruits"> 
 
    <option value="apple">Apple</option> 
 
    <option value="banana">Banana</option> 
 
    <option value="mango">Mango</option> 
 
    <option value="grape">Grape</option> 
 
    <option value="watermelon">watermelon</option> 
 
</select>