通过js向select选项中添加或删除options选项 

1 town['河南'] = ['郑州','商丘','洛阳','三门峡','平顶山'];
2 town['山东'] = ['济南','曲阜','济宁','青岛','菏泽'];

 

 

今天写使用数组实现部门级联效果，在开始的时候定义了如上的数组，本欲寻求其中的“河南”和“山东”，不过没有找到方法。所以只有另外写数组来完成。

 

之后，在向option选项添加内容时，始终只能添加一个，通过网络搜索，及询问老师得到如下两种方法：应该说第一种方法是在HTML之上的拓展，而第二种应该是真正的js方法。

var optionTown = document.getElementById("town");
1 //利用html语句实现select语句中添加options选项
2 optionTown.innerHTML +="<option>"+ town[provinceArray[i]][j]+"</option>";
3 //利用js语句实现select语句中添加options选项
4 optionTown.options.add(new Option(town[provinceArray[i]][j]))

 删除select中options选项

var optionTown = document.getElementById("town");
if(optionTown.length > 1){
        optionTown.options.length=1; 
    }

根据要保留的长度，确定length

posted on 2016-12-14 18:31  知止而后有定  阅读(2040)  评论(0)    收藏  举报

导航