標籤:att add document set script 應用 java 山東 var
使用js實現的關聯表單,應用的主要知識是關於js中表單的應用:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #div{ width: 100px; height: 100px; } select{ width: 100px; height: 50px; } </style></head><body><label> <select id="province" name="province" > <option>請選擇省份</option> <option >山東</option> <option >福建</option> <option >廣州</option> </select></label><select id="city"> <option>請選擇城市</option></select><script type="text/javascript"> window.onload=function(){ var province=document.getElementById("province"); var city=document.getElementById("city"); var citys=[ ["泰安","濟南","青島"], ["廈門","泉州","莆田"], ["廣東","東莞","新鄉"] ]; province.onchange=function(){ var procity=citys[province.selectedIndex-1]; city.options.length=1; for(var i=0;i<procity.length;i++){ city.add(new Option(procity[i],procity[i])); city.children[0].setAttribute("selected","selected"); } } }</script></body></html>
如上:
知識點:html中表單選項的應用
使用js實現的關聯表單