Question

我有以下HTML代码：

<select name="drop1" id="Select1" size="4" multiple="multiple">
    <option value="1">item 1</option>
    <option value="2">item 2</option>
    <option value="3">item 3</option>
    <option value="4">item 4</option>
    <option value="0">All</option>
</select>

此代码在用户控件中可用，因此在运行Web应用程序时其ID会更改。如何通过点击按钮从JavaScript中获取所选项目？

Answer 1

如果您使用的是ASP.NET 4，则可以在web.config中设置静态ID：

<system.web>
    <pages clientIDMode="Static"></pages>
</system.web>

这样你知道生成的ID。

如果您不使用ASP.NET 4.0，则可以选择声明全局js变量：

<script type="text/javascript">
    // TODO: be careful here and make sure the DOM is loaded
    var mySelect = document.getElementById('<%= Select1.ClientID %>');
</script>

以后可以用来操作选择。

Answer 2

在纯JavaScript中：

var value = document.getElementById('Select1').value;

Answer 3

如果您无法使用.NET 4.0来控制ID，并且您不想为页面添加额外的标记，则需要使用客户端ID检索控件的元素：

var ddl = document.getElementByID('<%= Select1.ClientID %>');

编辑：如果您正在使用jquery，如果您不想在DropDownList中添加额外的类，则可以执行此操作：

var value = $('#<%= Select1.ClientID %>').val();

Answer 4

使用jquery：

$（“select [name = drop1]”）。val（）

在JavaScript中获取元素

4 个答案: