Select下拉框onchange事件获取option的value值

Select下拉框onchange事件获取option的value值

select下拉框代码：

 <select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)">
     <option value="0">请选择主类别option>
     <option value="1">1option>
     <option value="2">2option>
  select>

show_sub的JS方法：

    </span></li> 
    <li style="border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:rgb(209,215,220);vertical-align:baseline;line-height:18px;"> <span style="border:0px;vertical-align:baseline;color:#000000;">    </span><span class="keyword" style="border:0px;vertical-align:baseline;color:#0000FF;">function</span><span style="border:0px;vertical-align:baseline;color:#000000;"> show_sub(v){   </span></li> 
    <li class="alt" style="border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:rgb(209,215,220);vertical-align:baseline;color:rgb(102,102,102);line-height:18px;"> <span style="border:0px;vertical-align:baseline;color:#000000;">        alert(v);   </span></li> 
    <li style="border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:rgb(209,215,220);vertical-align:baseline;line-height:18px;"> <span style="border:0px;vertical-align:baseline;color:#000000;">    }   </span></li> 
    <li class="alt" style="border-width:0px 0px 0px 1px;border-left-style:solid;border-left-color:rgb(209,215,220);vertical-align:baseline;color:rgb(102,102,102);line-height:18px;"> <span style="border:0px;vertical-align:baseline;color:#000000;">

最重要的知识点是获在select onchange时获取option的value值：

this.options[this.options.selectedIndex].value

引用：{作者：elinstudio 发布时间：June 11, 2012 分类：JavaScript}