Wie bekomme ich den Wert von Textbox, die in einem Anker Tag mit Javascript ist?

Question

Ich habe ein Textfeld im Anker-Tag. Und ich möchte seinen Wert mit JavaScript erhalten. Mein Code ist

<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

Zuerst müssen Sie die Client-ID der Textbox, um herauszufinden. Tatsächlich ist diese ID unabhängig davon, ob die Textbox in einen Empfänger eingebettet ist oder nicht. Daher können Sie entweder ASP.NET verwenden und wie folgt vorgehen:

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

Dann können Sie das Textfeld Zugriff mit der ID:

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

Und dann können Sie den Wert von txtBoxElement zugreifen.

Der andere Ansatz rein JS beruhen würde, aber Sie würden CSS-Selektoren nicht wissen, so die genaue Client-ID jQuery zum Beispiel verwenden zu nutzen:

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

Answer 2

Ich bin mit asp nicht vertraut, so, nicht sicher, was <asp:TextBox> produziert, aber wenn es eine ID hat, warum es keine Rolle, dass es zu einem Anker ein Kind ist? Warum nicht einfach seinen Wert mit seiner ID abrufen?

Answer 3

Ich würde JQuery empfehlen (bearbeiten: Wenn Sie mehr JS auf Ihrer Website verwenden und nicht nur verwenden, um diesen Wert zu erhalten). Wenn Sie nur den Text möchte, sollte diese Arbeit:

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

Grundsätzlich greifen Sie auf die TextBox die ID ASP.NET verwenden, um dieses Steuerelement zugewiesen hat.

Ohne JQuery:

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

Answer 4

ich Sie müssen nichts mehr nicht tun erraten als dieses in asp.net

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