Öncelikle Jquery kütüphanesi projeye dahil edilmeli.
<script src="https://code.jquery.com/jquery-3.6.0.min.js"integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="crossorigin="anonymous"></script>
Sonrasında select'e onchange eklenmeli.
<select class="form-select " onchange="AkilliSiramaFunc (this)"></select>
Html içerisine ilgili js function aşağıdaki gibi oluşturulabilir. Ayrıca action ismi "Siralama" olarak değiştirilmeli.
<script>
var AkilliSiramaFunc = function (elem) {
var sirlamaTur = $(elem).val();
$.ajax({
type: "GET",
url: "Product/Sirilama?value=" + sirlamaTur,
cache: false,
success: function (response) {
//işlem başarılı ise buraya düşer.
console.log(response);
//gelen veriler ile table body'si baştan doldurulabilir.
},
error: function (response) {
//hatalı dönerse buraya düşer.
console.log(response);
},
async: true,
beforeSend: function () {
},
complete: function () {
}
});
}
</script>
Umarım faydalı olur, kolay gelsin.