1. 程式人生 > >get 獲取方式練習題

get 獲取方式練習題

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 獲取方式練習題