js 获取asp 控件DropDownList的选择值，及所有的text和value

今天又一次用到js了，我对这门语言实在是陌生，基本上很多都是要上网搜索才晓得什么用的。

现在在这里记录一点东西，呵呵，备忘用.........

页面源文件：

 

 

<!--控件-->

<asp:DropDownList ID="drpl_ZYNJ" runat="server" Width="78px">
                    <asp:ListItem >0</asp:ListItem>
                    <asp:ListItem>5</asp:ListItem>
                    <asp:ListItem Selected="True">10</asp:ListItem>
                    <asp:ListItem>15</asp:ListItem>
                    <asp:ListItem>20</asp:ListItem>
                </asp:DropDownList>
<div  id=layerclass  style="visibility:hidden;">
         <label style="font-weight:bold;color: #3366ff;">测试范围</label>
         <asp:TextBox ID="tbx_classview"  Width="352px" runat="server" ReadOnly="True" TextMode="MultiLine" Height="65px" ></asp:TextBox>
</div>

<!--触发按钮-->
<a href="#"><img ID="imgbt_addclass" src="Image/btn_addClass.gif" name="imgbt_addclass" style="border-width:0px; vertical-align:bottom;" onclick="ShowLayer()" /></a><br />

JavaScript：

 

function ShowLayer()
 {
    layerclass.style.visibility="visible";
    var tbxclass = window.document.getElementById("tbx_classview");
    var drplZYNJ = window.document.getElementById("drpl_ZYNJ");
    // 选择项的索引
    var index   =   drplZYNJ.selectedIndex;   
   //选择项的值
    var Value   =   drplZYNJ.options[index].value;   
    //选择项的内容
    var Texts     =   drplZYNJ.options[index].text;
   //下拉框选项个数
    window.alert(drplZYNJ.options.length);
}