نحوه تغییر نمایش لیست آیتم ها

سلام دوست عزیز، موردی که شما فرمودید باید از رویداد مربوط به Select استفاده کنید و به صورت Ajax نحوه نمایش رو از سرور دریافت و نمایش بدید. فرض کنید که select زیر رو در صفحه تعریف کردید:

<select id="displayType">
    <option value="mode1">حالت 1</option>
    <option value="mode2">حالت 2</option>
</select>

حالا بوسیله jquery رویداد change به صورت زیر باید نوشته بشه:

$('#displayType').on('change',function(e){
    var value = $(this).val();
    $.ajax({
        url: '/items/get',
        data: {mode: value},
       success: function(result){
           $('#items-container').html(result);
       }
    });
});

دقت کنید که تو قسمت url آدرسی رو باید بدید که قراره نحوه نمایش لیست به صورت html برگردونده بشه و داخل تابع success هم المانی که نمایش آیتم ها در اون قرار داره با مقدار جدید به روز رسانی میشه.

برای موقعیتی که شما گفتید باید از رویداد click استفاده کنید:

$('#list-mode-btn').on('click',function(e){
// ajax request
});