访问表单

 

 

 

 

<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&amp;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 属性值