c# - 在 JavaScript 中获取元素

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>

稍后可以使用它来操作选择。