Filter bảng trong js

Nguyen_Hieu4 · March 12, 2020, 6:53pm

https://codepen.io/nthieu97/pen/GRJQbVM
em muốn filter bảng bằng js theo giá tiền mong mọi người giúp ạ

SITUVN.gcd · March 13, 2020, 12:02am

So sánh theo yêu cầu rồi cho ẩn/hiện (display).

Le_Minh_Cuong · March 13, 2020, 7:08am

Trước hết bạn hãy tạo 1 array object gọi là products
Vd như

products =  [
     {         
         id: 1,
         name: 'I phone',
         price: 20,
          quantity: 0
     },
    {
          id: 2,
          name: 'I phone',
          price: 20,
          quantity: 0
     }
 ]

Bạn for vòng lặp trong javascript tạo thành 1 chuỗi html các tr
// Bỏ cái này vào function renderHTML(products) để tái sử dụng
// vòng lặp for duyệt trong mảng products

     s += `<tr>
              <th scope="row"><input type="checkbox" name="" id="check"></th>
              <td>${product.name}</td>
              <td>${product.price}</td>
              <td><input input type="number" name="" id="amount" disabled value="0"></td>
              <td>
                <p id="into-money"></p>
              </td>
            </tr>`

innnerHTML chuỗi s đó vào table của bạn là xong.

Filter Table Theo Giá.

onchange cái select của bạn.
bây giờ duyệt lại mảng sản phẩm if theo cái giá mà bạn muốn xong rồi bỏ cái productFilter đó vào innerHTML(productFilter) gọi hàm renderHTML ở trên là xong.