JS 给select控件填充、删除数据

<meta charset="utf-8">
<select size="4" id="aaa">
</select>


<script>
var aData = ['四川', '广东','云南'];

function showData(){
	var len = aData.length;
	for (var i = 0; i < len; i++) {
		var o = document.createElement('option');
		o.innerHTML = aData[i];
		o.value = i;
		aaa.appendChild(o);
	}
}

function clearData(){
	while (aaa.children.length > 0) {
		aaa.removeChild(
			aaa.lastElementChild
		);
	}
}

function deleteFirstChild(){
	if (aaa.children.length > 0) {
		aaa.removeChild(
			aaa.firstElementChild
		);
	}
}

function deleteLastChild(){
	if (aaa.children.length > 0) {
		aaa.removeChild(
			aaa.lastElementChild
		);
	}
}
</script>
<br />
<button onclick="showData()">显示数据</button>
<button onclick="clearData()">清空数据</button>
<br />
<button onclick="deleteFirstChild()">删首元素</button>
<button onclick="deleteLastChild()">删尾元素</button>

运行结果