＜select＞下拉选择框

下拉菜单<select>项，分组:

<select name=”course”>
    <option>课程选择</option>
    <optgroup label=”1.DOM基础”>
        <option value=”1.1”>1.1文档树</option>
        <option value=”1.2”>1.2节点操作</option>
    </optgroup>
</select>

创建选项:<option value=’1.2’>1.2节点操作</option>

var option = Document.createElement(‘option’)

option.value = ‘1.2’;

option.textContent = ‘1.2节点操作’;

或者new Option(‘1.2节点操作’ , ’1.2’);

 

添加选项:

var option = new Option(‘1.0概述’ , ‘1.0’)

opt11.insertAdjacentElement(option,’beforeBegin’)

或者select.add(option , opt11)

 

删除选项:

opt12.parentNode.removeChild(opt12)

或者select.remove(2)

 

select级联下拉选择器

<form name=”course”>
    <select name=”chapter”>
        <option>请选择章目录</option>