راکت

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

4 پاسخ

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

محسن
محسن
@mohsenmoradi1851
ثبت پرسش جدید

پاسخ‌ها

4
رایموند
رایموند
@Raymond

تخصص: مختصص وردپرس - برنامه نویس لاراول

شهریار شریعتی
شهریار شریعتی
@shahriarshariati

تخصص: برنامه‌نویس، هوش مصنوعی

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

شاید پاسخ شما همین‌جا باشد

محسن
محسن
@mohsenmoradi1851

میشه لطف کنید برام کدشو بزنید.من دکمه رو برداشتم که با تغییر اینپوت بروزرسانی بشه فقط موردی که هست به جای 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

تخصص: توسعه دهنده ارشد وب

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

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

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

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