js搜索表格

JavaScript077

js搜索表格,第1张

<input type="button" onclick="getRows()" value="获取"/>

<script type="text/javascript">

function getRows(){

var rows=document.getElementById("tableID").rows

// alert("取得了 "+rows.length +"行")

                 var cols_2=new Array()

                 for(var i=1i<rows.lengthi++){

                  //alert(rows[i].cells[1].innerText)

                  cols_2.push(rows[i].cells[1].innerText)//取每行第二列

                 }

                 alert("第二列数据:\n"+cols_2.toString())

                 

                 //假设要搜索“3” ,遍历array即可

                 var searchKeyWord="3"

                 for(var i in cols_2){

                  if(cols_2[i]==searchKeyWord){

                  alert("found : "+searchKeyWord)

                  }

                 }

}

</script>

<form action="" method="get">

<textarea name="textarea" id="" cols="30" rows="10"></textarea>

<button type='submit'>输入“你好”再提交看看</button>

</form> 

<script>

window.addEventListener('DOMContentLoaded', function() {

console.log(1)

document.forms[0].addEventListener('submit', function(e) {

e.preventDefault()

if (document.forms[0].textarea.value) {

alert('你输入的是:' + document.forms[0].textarea.value)

} else {

console.log(document.forms[0].textarea.value)

alert('兄弟随便说两句也行呀!')

}

})

})

</script>