javascript - 如何使用 Javascript 获取位于锚标记侧的文本框的值？

Question

我在锚标签中有一个文本框。我想使用 JavaScript 来获得它的价值。我的代码是

<a rel="tooltip" title="This information comes from the Income/Expense worksheet.">
  <span class="TooltipTextBox">    
          <asp:TextBox ID="txt_Helo" runat="server" CssClass="small_text_box"  ReadOnly="true" TabIndex="-1" BackColor="#CCCCCC" size="15">
          </asp:TextBox>
  </span>

Answer 1

我会建议 JQuery（编辑：如果您在您的网站上使用更多 JS 而不仅仅是使用它来获取此值）。如果您只想要文本，这应该可以：

var Text = $("#<%= txt_Helo.ClientID %>").val();

基本上，您使用 ASP.NET 分配给该控件的 ID 访问 TextBox。

没有 JQuery：

var Text = document.getElementById("<%= txt_Helo.ClientID %>").value;

Answer 2

首先，您需要找出文本框的客户端 ID。实际上，此 ID 与文本框是否包含在 acnhor 中无关。因此，您可以使用 ASP.NET 并执行以下操作：

<script>var clientID = "<%=txt_hello.ClientID%>"</script>

然后你可以访问带有 ID 的文本框：

<script>var txtBoxElement = document.getElementById(clientID);</script>

然后您可以访问 txtBoxElement 的值。

另一种方法是纯粹基于 JS，但您不知道确切的客户端 ID，因此使用例如 jQuery 来利用 css 选择器：

<script>var textBoxVal = $("a span.TooltipTextBox input").val();</script>

Answer 3

我想你在 asp.net 中不需要做更多的事情

var value = document.getElementById('<% =txt_Helo.ClientID %>').value;

Answer 4

我对asp不熟悉，所以，不确定是什么<asp:TextBox>产生的，但如果它有一个id，为什么它是一个锚的孩子有关系？为什么不直接使用它的 id 来获取它的值呢？