Response title
This is preview!
Dynamically filter a list based on an entry in a text box
in Using jQuery
•
10 years ago
Ok, assume that I have a list of items created like: <ul class="navList"><li>list items in li tags</li></ul>
I also have a text box: <input type="text" id="box" value="">
lets say the list is filled with these items: {apples, apricots, acai, blueberry,cherry,donut,durean }
originally, the list will display ALL of the items, apples to durean.
What I want is for the user to type into the text box and have the list change based on what he types.
EXAMPLE: user types nothing -> the list displayed should be: {apples, apricots, acai, blueberry,cherry,donut,durean }
user types: a -> the list displayed should be: {apples, apricots,acai}
user then types: ap -> the list displayed should be: {apples, apricots}
finally types: app -> the list displayed..............: {apples}
I hope I was explicit, I tried.
Can someone please provide me with some sample code (JQuery and Javascript) to aid me in this endeavor?
1
