گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/04/17 - 14:13
كد :7689

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

بعد از فراخوانی داده ها از بانک میتوان با کتابخانه W3.js براحتی داده ها را فیلتر کرد و به بیننده اجازه جستجو در بین داده ها را داد.

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

 

جستجو در میان داده ها با کتابخانه جاوا اسکرپت W3

فیلتر کردن لیست :

مثال:

<input oninput="w3.filterHTML('#id01', 'li', this.value)">

<ul id="id01">
<li>Alfreds Futterkiste</li>
<li>Berglunds snabbkop</li>
...

مشاهده نتیجه

 

فیلتر کردن داده های جدول:

مثال:

<input oninput="w3.filterHTML('#id01', '.item', this.value)">

<table id="id01">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr class="item">
<td>Alfreds Futterkiste</td>
<td>Berlin</td>
<td>Germany</td>
</tr>
<tr class="item">
<td>Berglunds snabbkop</td>
<td>Lulea</td>
<td>Sweden</td>
</tr>
...

مشاهده نتیجه

نظرات كاربران :