asked on Filktering Alphabetically
Hi Experts, I have found codes for filtering item but I observed that it only works when I type first 3 letters of the item. I want the item to show at the time I encode its first letter. For example if I type H, I want the all items who start with H will show alphabetically. I have no idea it is possible and please give me a little overview if it is not. Thanks!
function mySearch()
{
var input, filter, table, tr, td, i;
input = document.getElementById("m
filter = input.value.toUpperCase();
table = document.getElementById("m
tr = table.getElementsByTagName
for (i = 0; i < tr.length; i++)
{
td = tr[i].getElementsByTagName
if (td)
{
if (td.innerHTML.toUpperCase(
{
tr[i].style.display = "";
}
else
{
tr[i].style.display = "none";
}
}
}
}
function mySearch()
{
var input, filter, table, tr, td, i;
input = document.getElementById("m
filter = input.value.toUpperCase();
table = document.getElementById("m
tr = table.getElementsByTagName
for (i = 0; i < tr.length; i++)
{
td = tr[i].getElementsByTagName
if (td)
{
if (td.innerHTML.toUpperCase(
{
tr[i].style.display = "";
}
else
{
tr[i].style.display = "none";
}
}
}
}
JavaScriptHTMLASP
Last Comment
Julian Hansen
SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
You need to show us the Event code that triggers this - the code that determines the number of letters that must be typed is not in the code you posted.
ASKER
Hi Experts, I think this is the one you need,
<fieldset class="fieldSt">
<input type="text" id="myInput" onkeyup="javascript:mySear
</fieldset>
<fieldset class="fieldSt">
<input type="text" id="myInput" onkeyup="javascript:mySear
</fieldset>
I don't see anything that restricts it to 3 chars.
Here is my sample code
Here is my sample code
<fieldset class="fieldSt">
<input type="text" id="myInput" onkeyup="mySearch(this, myTable)" class="i19" placeholder="Search for an items..">
</fieldset>
<table id="myTable">
<tr>
<td>DOG</td>
<td>CAT</td>
<td>WHALE</td>
</tr>
<tr>
<td>HOUND</td>
<td>PIG</td>
<td>GOAT</td>
</tr>
<tr>
<td>DOG</td>
<td>CAT</td>
<td>WHALE</td>
</tr>
</table>
<script>
function mySearch(inp, table)
{
var filter = inp.value.toUpperCase();
for(var i = 0; i < table.rows.length; i++) {
var tr = table.rows[i];
var cell = tr.cells[1];
if (cell.textContent.toUpperCase().indexOf(filter) > -1) {
tr.style.display = 'table-row';
}
else {
tr.style.display = 'none';
}
}
}
</script>
ASKER
Hi Julian, I added some items to let you see the problem I have seen on my project. Please see it on the attached file. When I type letter "L" to find the item "Lidocaine 20mg Amp" the item CATERPILLAR will go it first not unless if i type "Li".
TableSearch.html
TableSearch.html
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Its running on my project sir, thank you so much!
You are welcome.