get 獲取方式練習題
阿新 • • 發佈:2017-09-26
wid itl ner 表單 sel method ntb width mov
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #s1{ width: 100px; //下拉按鈕寬度100像素 } </style> </head> <body> <form action="1" method="get"> //表單,提交方式為get <input type="text" name="t1" id="t1" /> //文本框,名字為t1,地址為t1 <input type="button" id="but1" value="添加"/> //名稱為添加,地址為but1的按鈕 <select size="7" id="s1" > // 地址為s1,下拉項為7的下拉菜單 <input type="button" id="but2" value="刪除"> //名稱為刪除,地址為but2的按鈕 </select> </form> </body> </html> <script> var s1=document.getElementById("s1") //創造新元素s1為從地址s1取得數 var t1=document.getElementById("t1") var but1=document.getElementById("but1") var but2=document.getElementById("but2") but1.onclick=function(){ //當點擊添加按鈕時, // 下拉菜單添加從文本框中提取的值 s1.innerHTML+="<option>"+t1.value+"</option>" t1.value=""; } but2.onclick=function(){ s1.removeChild(s1.selectedOptions[0]); //當點擊刪除按鈕時,選中的選項的元素被移除 } </script>
get 獲取方式練習題