从 JavaScript 访问 ASP.NET 控件的问题

Question

抱歉，这个基本的愚蠢问题。但我真的不知道如何解决这个问题。我有 ASP 控件（一个 TextBox 和一个 DropDownList）。现在我需要访问TextBox 的value 属性以及DropDownList 的SelectedIndex 属性。这应该很简单：

对于TextBox：

document.getElementById("<%= myControl.ClientID >").value

对于DropDownList：

document.getElementById("<%= myControl.ClientID %>").selectedindex

但在 Visual Studio 2008 中，当我编写这些代码时，它不起作用。我找不到相应控件的任何 value 或 selectedindex 属性。我没有得到这个，因为在大多数论坛和教程中，他们以我提到的简单方式提出了建议。

HTML 代码：

<div> <asp:TextBox ID="myText" runat="server" /> <asp:DropDownList ID="myList" runat="server" /> </div> 

还有其他方法吗，或者我只是在这里遗漏了什么？

Answer 1

首先，jQuery对你编写javascript有很大帮助，你应该使用这个路径。

要回答您的问题，您需要使用MyControlId.ClientID 而不仅仅是MyControlId

例如：

var t = document.getElementById('<%= myTextBoxID.ClientID %>').value;
alert(t);  // textbox value

var d = document.getElementById('<%= myDropDownID.ClientID %>'),
    dSelected = d.options[d.selectedIndex].value;
alert(dSelected); // dropdown value

使用 jQuery，这将是：

var t = $('#<%= myTextBoxID.ClientID %>').val(),   // for your textbox
    d = $('#<%= myDropDownID.ClientID %>').val();  // for your selectbox 
alert(t ' --> ' + d);

---

接缝，从cmets说你还是没有运气，那么问题肯定出在控件或者名字本身，试试这个来调试问题：

假设你有：

<asp:TextBox runat="server" id="MyTextBox" Text="Hello" />

在该行的正下方写下：

<h2><%= MyTextBox.ClientID %></h2>

并打开浏览器的检查器（Firebug 或 IE 开发工具）并运行 javascript 以查看是否获得 Hello 字符串，如下所示：

注意：我使用了MyTextBox，请将其更改为您在<h2>标签中获得的名称

Answer 2

我个人会使用 jQuery 而不是标准 JavaScript，然后查看 this question 以了解如何使用它找到您的元素。

编辑：如果您之前没有使用过 jQuery，请确保将代码包装在其就绪块中，否则它可能找不到您的元素：

$(document).ready(function() {
  // work with your element ID here
});

Answer 3

尝试使用单个标点符号。

document.getElementById('<%= myTextBox.ClientID %>').value 

有几个答案推荐jQuery，但我认为你应该只在需要时使用它。如果您只是从元素中获取值，则不需要在您的网站中引入新库。如果您打算使用相当多的 Javascript、动画等。那么 jQuery 会很有意义。