<p>搜尋目標</p> <div id="se"></div> <div class="sea">1231231321</div> <div class="sea">222</div> <div class="sea">333</div> <div class="sea">441</div> <div class="sea">552</div> <div class="sea">666</div> <input type="text" id="search" /> <script type="text/javascript"> write(); function write() { document.getElementById("se").innerHTML = document.getElementById("search").value; ans(); setTimeout("write()", 100); } function ans() { for (var i = 0; i <= document.getElementsByClassName("sea").length - 1; i++) { if (document.getElementsByClassName("sea")[i].innerHTML.toString().substring(0, document.getElementById('search').value.length) == document.getElementById('search').value && document.getElementById('search').value != "") { console.log("found" + document.getElementsByClassName("sea")[i].innerHTML.toString().substring(0, document.getElementById('search').value.length)); } if (document.getElementsByClassName("sea")[i].innerHTML.toString().substring(0, document.getElementById('search').value.length) != document.getElementById('search').value) { document.getElementsByClassName("sea")[i].style.display = "none"; } else { document.getElementsByClassName("sea")[i].style.display = ""; } } } </script>以上只搜尋節點,隱藏其他內容
2014年8月21日 星期四
第一階段Javascript 字串搜尋
最近有人要求要幫忙寫頁面商品搜尋, 可是對方卻沒有給任何的key value, 所以這根本沒辦法從SQL搜尋,非常的悲劇又令人頭痛, 以下範例為字串搜尋,但只從字串第一位搜尋, 正在改良:
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言