<form name="selectForm">
<label for="musicTypes">Choose some music types, then click the button below:</label>
<select id="musicTypes" name="musicTypes" multiple="multiple">
<option selected="selected">R&B</option>
<option>爵士</option>
<option>布鲁斯</option>
<option>新纪元</option>
<option>古典</option>
<option>戏剧</option>
</select>
</form>
document.selectForm : 获取 form 元素
document.selectForm.musicTypes : 直接获取到 select 元素
document.selectForm.musicTypes.options.length : 获取option 的个数
document.selectForm.musicTypes.options[x] : x 是指下标,指处于某一个位置的 option 【一般是在循环中使用】
document.selectForm.musicTypes.options[x].selected : 获取某一个下标的 selected 属性 【一般用来判断是否被选中】
document.selectForm.musicTypes.options[x].value : 获取某一个 option 的值
注:以上直接写 selectForm 、musicTypes 就使用的 document 访问元素的 name 属性值