js怎么获取select/dropdownlist的选择值

下拉列表框（select/dropdownlist）的选择值一般在服务器获取，但有时也需要在客户端获取，比如二三级连动时就需要在客户端获取，在客户端获取就需要用 javascript 来获取。dropdownlist 为 asp.net 的服务器控件，最终也会解析为 select，并且 id 不变，所以与获取 select 的值一样。

用js怎么获取select/dropdownlist的选择值，是否跟获取文本框text的值一样？只能说有相同点，更多的是不同点；相同的是都要获取到它们的id，然后根据对象来取值；不同的是：文本框的值可直接用 id.value 取到，而 select/dropdownlist的选择值直接用 id.value 取不到，那么应该怎么取呢？看下面的具体实例。

一、js怎么获取select选择值（onchange 获得选择值）

html代码：

<select id="selectId" onchange="ShowSelectValue()">
    <option value="0">请选择</option>
    <option value="1">选择值一</option>
    <option value="2">选择值二</option>
  </select>

javascript代码：

<script type="text/javascript">
  function GetSelectValue(obj) {
    var selectObj = document.getElementById(obj);
    return selectObj.options[selectObj.options.selectedIndex].value;
  }
  function ShowSelectValue() {
    alert(GetSelectValue("selectId"));
  }
  </script>

以上代码复制到 html 文件中可直接显示 select 的当前选择值。从 javascript 获取 select 的值可以看出，通过 id 获取到 select 这个对象后，先获取 select 的选择索引，再用这个索引来获取选择值。

二、js怎么获取dropdownlist选择值

前台代码：

<asp:DropDownList ID="ddlId" runat="server">
    <asp:ListItem Text="请选择" Value="0" />
    <asp:ListItem Text="选择值一" Value="1" />
    <asp:ListItem Text="选择值二" Value="2" />
  </asp:DropDownList>

获取dropdownlist选择值的 js 方法跟上面一样，直接调上面的 GetSelectValue(obj) 方法就可以了，调用代码如下：

GetSelectValue("ddlId");