HTML--JS 獲取選擇框信息
阿新 • • 發佈：2017-12-04
信息 pan function orm har itl pos button spa
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>獲取選擇框信息</title> 6 <script language="javascript"> 7 function show(){ 8 var name=document.myform.name.value; 9 alert(name);10 11 var sex 12 if(document.myform.sex[0].checked){ 13 sex=document.myform.sex[0].value; 14 }else{ 15 sex=document.myform.sex[1].value; 16 } 17 alert(sex); 18 19var hobby=""; 20 for(i=0;i<document.myform.interesting.length;i++){ //循環遍歷 21 if(document.myform.interesting[i].checked){ //判斷是否被選中 22 hobby+=document.myform.interesting[i].value+"、" //選中加入hobby中 23 }24 } 25 alert(hobby); 26 27 var area=document.myform.result.value; 28 alert(area); 29 } 30 31 function local(val){ 32 document.myform.result.value=val; 33 } 34 35 </script> 36 37 </head> 38 <body> 39 <form action="#" method="post" name="myform"> 40 姓名： 41 <input type="text" name="name"> <br/> 42 性別： 43 <input type="radio" name="sex" value="男" checked>男 44 <input type="radio" name="sex" value="女">女 <br/> 45 愛好： 46 <input type="checkbox" name="interesting" value="聽音樂">聽音樂 47 <input type="checkbox" name="interesting" value="看電影">看電影 48 <input type="checkbox" name="interesting" value="玩遊戲">玩遊戲 49 <input type="checkbox" name="interesting" value="看書">看書<br/> 50 地區： 51 <select name="area" onchange="local(this.value)"> <br/> 52 <option>=請選擇=</option> 53 <option value="濟南">濟南</option> 54 <option value="青島">青島</option> 55 <option value="威海">威海</option> 56 </select> 57 <input type="text" name="result" readonly><br/> 58 59 <input type="button" value="顯示內容" onclick="show()"> 60 61 </form> 62 </body> 63 </html>
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>獲取選擇框信息</title> 6 <script language="javascript"> 7 function show(){ 8 var name=document.myform.name.value; 9 alert(name); 10 11 var sex 12 if(document.myform.sex[0].checked){ 13 sex=document.myform.sex[0].value; 14 }else{ 15 sex=document.myform.sex[1].value; 16 } 17 alert(sex); 18 19 var hobby=""; 20 for(i=0;i<document.myform.interesting.length;i++){ 21 if(document.myform.interesting[i].checked){ 22 hobby+=document.myform.interesting[i].value+"、" 23 } 24 } 25 alert(hobby); 26 27 var area=document.myform.result.value; 28 alert(area); 29 } 30 31 function local(val){ 32 document.myform.result.value=val; 33 } 34 35 </script> 36 37 </head> 38 <body> 39 <form action="#" method="post" name="myform"> 40 姓名： 41 <input type="text" name="name"> <br/> 42 性別： 43 <input type="radio" name="sex" value="男" checked>男 44 <input type="radio" name="sex" value="女">女 <br/> 45 愛好： 46 <input type="checkbox" name="interesting" value="聽音樂">聽音樂 47 <input type="checkbox" name="interesting" value="看電影">看電影 48 <input type="checkbox" name="interesting" value="玩遊戲">玩遊戲 49 <input type="checkbox" name="interesting" value="看書">看書<br/> 50 地區： 51 <select name="area" onchange="local(this.value)"> <br/> 52 <option>=請選擇=</option> 53 <option value="濟南">濟南</option> 54 <option value="青島">青島</option> 55 <option value="威海">威海</option> 56 </select> 57 <input type="text" name="result" readonly><br/> 58 59 <input type="button" value="顯示內容" onclick="show()"> 60 61 </form> 62 </body> 63 </html>
HTML--JS 獲取選擇框信息