JavaScript的。 具有生成ID的元素的标签

Question

I would like to do this

<label class="test" for="myButton" >This is a label</label>
<input type="button" id="myButton" value="click me" />

for some buttons in a page that receive IDs on page load: genereated server side (asp 3.5).

How do I get the right id in the 'for' attribute of the label element for each button?

Thanks

Answer 1

You can use AssociatedControlID property of Label :

<asp:Label  class="test" runat="server" AssociatedControlID="myButton">
   This is a label</asp:Label>
<asp:Button ID="myButton" runat="Server" Text="click me" />

Source: AssociatedControlID .

Answer 2

try this

<label class="test" for="<%= myButton.ClientID %>" >This is a label</label>
<input type="button" id="myButton" runat="server" value="click me" />

this will use the same id generated by asp.net on the server side

Answer 3

您可以将输入标签包装在标签标签中，并且不需要for / id

<label>This is a label <input type="button"/></label>