Need help filternig HTML table with javascript -

Need help filternig HTML table with javascript -

i trying utilize javascript remove table rows lower value input.

you can seek out code here http://liveweave.com/1rwu1d

function filter() { var elements = document.getelementsbyclassname("value"); for(i = 0; < elements.length; i++) { e = elements[i]; e.parentnode.style.display="table-row"; if(e.innerhtml < document.getelementbyid("filtervalue").value) { e.parentnode.style.display="none"; } } }

this table.

<input id="filtervalue" type="text" onkeyup="filter();"> <table> <tr> <td class="name">test</td> <td class="value">10</td> </tr> <tr> <td class="name">test</td> <td class="value">20</td> </tr> <tr> <td class="name">test</td> <td class="value">30</td> </tr> <tr> <td class="name">test</td> <td class="value">40</td> </tr> <tr> <td class="name">test</td> <td class="value">50</td> </tr> <tr> <td class="name">test</td> <td class="value">60</td> </tr> </table>

when type number 3 input, removes first 2 rows though should happen @ 30.

if alter script doesnt happen.

var elements = document.getelementsbyclassname("value"); for(i = 0; < elements.length; i++) { e = elements[i]; e.parentnode.style.display="table-row"; if(e.innerhtml < 3) { e.parentnode.style.display="none"; } }

i sense stupid asking, can tell me problem is.

sorry if english language hard understand, it's 3rd language.

edit: quick answers, had feeling somethong that.

you should using parseint convert string values int, otherwise text comparing take place.

change filter function this:

function filter() { var elements = document.getelementsbyclassname("value"); for(i = 0; < elements.length; i++) { e = elements[i]; e.parentnode.style.display="table-row"; if(parseint(e.innerhtml, 10) < parseint(document.getelementbyid("filtervalue").value,10) ) { e.parentnode.style.display="none"; } } }

javascript html