方法一:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
window.onload = function(){
var cities = [
[],
[{"name":"武汉市","value":101},{"name":"黄冈市","value":102},{"name":"襄阳市","value":103},{"name":"孝感市","value":104},],
[{"name":"长沙市","value":101},{"name":"黄冈市","value":102},{"name":"襄阳市","value":103},{"name":"孝感市","value":104},],
[{"name":"南京市","value":101},{"name":"黄冈市","value":102},{"name":"襄阳市","value":103},{"name":"孝感市","value":104},],
]
//找到name为cities的元素,保存在变量中,一遍后续修改
var selCit = document.getElementsByName("cities")[0];
console.log(selCit);
//为name为provs的元素绑定内容改变就会触发的函数onchange事件
//select对象有个属性:selectedIndex(当前元素选中那一项的下标位置)
console.log(document.getElementsByName("provs"[0]));
document.getElementsByName("provs")[0].onc