如何使用jQuery監聽多個HTML選擇

Question

我有多個選擇html標記（現在基本上是3個），我想使用Ajax篩選我使用的選定值**（html選定標記組）請求......

EX）使用性別，位置過濾，季節

我的問題是如何使這個工作，就不會重複我的代碼爲每個選擇標籤同一時間？

Answer 1

您可以使用下面的代碼實現它。

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

可以爲任何下拉變化做一個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>

這樣做，你可以改變任何選擇你，但只有後一上的變化。這也可以幫助您不復制發佈的選擇字段代碼。

Answer 3

採用javascript 中的Array.sort（）排序的元素需要從refrence MDN

Answer 4

試試看看這個代碼。

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