有的时候需要动态添加下拉框的选项。比如:第一个下拉框选择省份,第二个选择市。
//city,是第二个下拉框
var option = document.createElement('option');
option.value ="1";
option.innerHTML ="city1";;
city.appendChild(option);
每次选择会个第二个下拉框增加选项。你难道愿意看到不相干的选项吗?那就清楚它。
方法为:在每次赋值前清空第二个下拉框。city..length=0;设置长度为0;若设置为1就回多出一个空白选项。