原文来自:http://bbs.csdn.net/topics/391921789
<
select
id
=
"select7"
>
<
option
value
=
"0"
>All</
option
>
<
optgroup
label
=
"大选项1"
>
<
option
value
=
"4"
>大选项1的子选项A</
option
>
<
option
value
=
"5"
>大选项1的子选项B</
option
>
</
optgroup
>
<
optgroup
label
=
"大选项2"
>
<
option
value
=
"6"
>大选项2的子选项A</
option
>
<
option
value
=
"7"
>大选项2的子选项B</
option
>
</
optgroup
>
<
optgroup
label
=
"大选项3"
>
<
option
value
=
"8"
>大选项3的子选项A</
option
>
<
option
value
=
"9"
>大选项3的子选项B</
option
>
</
optgroup
>
$(
"#select7"
).change(
function
(event){
alert($(
"option:selected"
,
this
).parent().index());
alert($(
"option:selected"
,
this
).val());
})