راکت
محسن
محسن
توسط محسن مطرح شد
4 پاسخ

فیلتر کردن جدول با جیکوئری

سلام.من یه جدول دارم که 3 ستون داره..در بالای جدول هم 3 تا اینپوت دارم که میخوام با پر کردن اینپوت ها و زدن دکمه جستجو جدولم فیلتر شه.یعنی برای هر ستون یک فیلتر ...کسی میتونه راهنمایی کنه چطور کدشو بزنم؟


ثبت پرسش جدید
رایموند
رایموند
تخصص :مختصص وردپرس - برنامه نویس لاراول
@Raymond6 سال پیشمطرح شد
شهریار شریعتی
شهریار شریعتی
تخصص :برنامه‌نویس، هوش مصنوعی
@shahriarshariati6 سال پیشمطرح شد
0

درود
در پیوند زیر کد کامل مربوط به فیلتر کردن جدول با سه ورودی وجود داره. منتهی جدول با نوشتن در هر یک از ورودی‌ها بروزرسانی می‌شه که اگر می‌خواید این کار با کلیک بر روی دکمه انجام بشه باید یکسری تغییرات در کد ایجاد کنید.
https://jsfiddle.net/gdv06jsu/4/


محسن
محسن
@mohsenmoradi18516 سال پیشمطرح شد
0

میشه لطف کنید برام کدشو بزنید.من دکمه رو برداشتم که با تغییر اینپوت بروزرسانی بشه فقط موردی که هست به جای input من select قرار دادم...کد رو تو سایتی که فرستادید دیدم..تغییرم دادم.ولی نشد..اینطور کد رو زدم

'''

    $inputs.on('change', function () {
        $filterableRows.hide().filter(function () {
            return $(this).find('td').filter(function () {
                var tdText = $(this).text(),
                    inputValue = $('select#' + $(this).data('input')).find(":selected").val();
                return tdText.indexOf(inputValue) != -1;
            }).length == $(this).find('td').length;
        }).show();
    })

'''
@shahriarshariati
@endworld


علی بیات
علی بیات
تخصص :توسعه دهنده ارشد وب
@ali.bayat6 سال پیشمطرح شد
0

درود گزینه زیر رو چک کنید
https://jsfiddle.net/agarwalp/L90hdheg/

همچنین مبحثی در stackoverlfow هست شاید کمک کنه
https://stackoverflow.com/questions/1447728/how-to-dynamic-filter-options-of-select-with-jquery


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام