您好,登錄后才能下訂單哦!
html5中怎么使用option屬性實(shí)現(xiàn)級(jí)聯(lián)下拉列表?這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!
<!DOCTYPE> <html> <head> <title>級(jí)聯(lián)下拉列表</title> <meta charset="UTF-8"> </head> <body onload="load()"> <p> <select class='prov' id='prov' onchange='changeCity()'> <option value=''>--請(qǐng)選擇省--</option> </select> <select class='city' id='city'> <option value=''>--請(qǐng)選擇市--</option> </select> </p> <script> var province=document.getElementById("prov"); var city=document.getElementById("city"); var arr_prov=new Array(new Option("--請(qǐng)選擇省--",''),new Option("湖南","hn"),new Option("廣東","gd")); var arr_city=new Array(); arr_city[0]=new Array(new Option("--請(qǐng)選擇市--",'')); arr_city[1]=new Array(new Option("長(zhǎng)沙",'cs'),new Option("婁底",'ld'),new Option("永州",'yz')); arr_city[2]=new Array(new Option("廣州",'gz'),new Option("深圳",'sz')); //動(dòng)態(tài)載入所有省份 function load(){ for(var i=0;i<arr_prov.length;i++){ province.options[i]=arr_prov[i]; } } //選中省份之后,根據(jù)索引動(dòng)態(tài)載入相應(yīng)城市 function changeCity(){ //清空上次的選項(xiàng) city.options.length=0; //獲取省一級(jí)的下拉列表選中的索引 var index=province.selectedIndex; for(var i=0;i<arr_city[index].length;i++){ city.options[i]=arr_city[index][i]; } } </script> </body> </html>
感謝各位的閱讀!看完上述內(nèi)容,你們對(duì)html5中怎么使用option屬性實(shí)現(xiàn)級(jí)聯(lián)下拉列表大概了解了嗎?希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。