案例:javascript案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
5
<h3>演示如何访问 OPTGROUP 元素</h3>
6
7
<select size="4">
8
  <optgroup id="myOptgroup" label="德国车">
9
    <option value="volvo">奔驰</option>
10
    <option value="saab">宝马</option>
11
    <option value="koenigsegg">奥迪</option>
12
  </optgroup>
13
</select>
14
15
<p>点击按钮来获得选项组的标签/描述。</p>
16
17
<p id="demo"></p>
18
19
<button onclick="myFunction()">试一下</button>
20
21
<script>
22
function myFunction()
23
{
24
var x = document.getElementById("myOptgroup").label;
25
document.getElementById("demo").innerHTML = x;
26
}
27
</script>
28
29
</body>
30
</html>
31