html5下拉列表怎么做关联,HTML5的option属性：如何使用option属性实现级联下拉列表...

这篇文章给大家介绍的内容是关于HTML5的option属性：如何使用option属性实现级联下拉列表，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

级联下拉列表

--请选择省--

--请选择市--

var province=document.getElementById("prov");

var city=document.getElementById("city");

var arr_prov=new Array(new Option("--请选择省--",''),new Option("湖南","hn"),new Option("广东","gd"));

var arr_city=new Array();

arr_city[0]=new Array(new Option("--请选择市--",''));

arr_city[1]=new Array(new Option("长沙",'cs'),new Option("娄底",'ld'),new Option("永州",'yz'));

arr_city[2]=new Array(new Option("广州",'gz'),new Option("深圳",'sz')); //动态载入所有省份

function load(){ for(var i=0;i

//清空上次的选项

city.options.length=0; //获取省一级的下拉列表选中的索引

var index=province.selectedIndex;

for(var i=0;i

city.options[i]=arr_city[index][i];

} }

相关文章推荐：

html5自定义属性：如何获取自定义属性值(附代码)

HTML的Select对象如何进行Option对象的操作