محسن
5 سال پیش توسط محسن مطرح شد
4 پاسخ

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

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


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

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


محسن
@mohsenmoradi1851 5 سال پیش آپدیت شد
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.bayat 5 سال پیش مطرح شد
0

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

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


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

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