[javascript] How to get all elements in form
<html> <head> <script type="text/javascript"> function showFormElement(){ //Get all element from object form var els = document.getElementById('sys_form').elements; var str = ""; for(var i = 0; i < els.length; i++){ str += "type : "+ els[i].type +" name : "+ els[i].name + " id : "+ els[i].id +" value : "+ els[i].value + "\n"; } alert(str); } </script> </head> <body> <form id="sys_form" name="sys_form" target="#"> <input type="hidden" name="el_hidden" id="el_hidden" value="I'm hidden" /> <input type="text" name="el_text" id="el_text" value="I'm text" /><br /> <select name="el_select" id="el_select"> <option value="xxx">xxx</option> </select><br /> <input type="checkbox" name="el_checkbox" id="checkbox" checked /><br /> <input type="radio" name="el_radio" /><br /> <textarea name="el_textarea" id="el_textarea">I'm textarea</textarea><br /> <br /> <input type="button" value="Show Info" onclick="showFormElement();" /> </form> </body> </html>
หมายเหตุ : ถ้าใช้ jQuery นี่คงสบายกว่านี้
เจ๋งดีอ่ะ list มันออกให้หมด