赵工的个人空间

DOM是Document Object Model的缩写，中文为文档对象模型，是W3C组织推荐的处理HTML的标准编程接口。网页被组织成为一个树形结构，其中的各个元素就是一个个文档对象，它们的标准模型就是DOM。常见的DOM包括文本框、单选按钮、多选框、下拉列表等等。

其中的下拉列表使用<select>标记，基本结构为：

<select name="sel1" size="1" id="sel1" onchange="selchange()">
  <option >列表项0</option>
  <option >列表项1</option>
  <option >列表项2</option>
  <option >列表项3</option>
  <option >列表项4</option>
</select>

当点击下拉列表选择其中一个选项后，被选中的选项可用JavaScript代码document.getElementById('sel1').selectedIndex获取，为从0开始的数值。当下拉列表改变后，会触发onchange事件，HTML代码中自定义了一个函数selchange()，这个函数需要在JavaScript代码中实现，一般包括获取下拉列表的selectedIndex值，然后对应每个选项进行相应处理。

使用上述代码时，页面加载时一般会显示下拉列表的最后一个选项，这一般并不符合习惯。为了改变初始显示的选项，可以在JavaScript代码中加入一行：

document.getElementById('sel1').selectedIndex=0;