How can I iterate through each of these hidden fields and change each one's value with JQuery?
<asp:HiddenField ID="field1" runat="server"/>
<asp:HiddenField ID="field2" runat="server"/>
<asp:HiddenField ID="field3" runat="server"/>
Asked
Active
Viewed 32 times
2
John Smith
- 33
- 1
- 3
1 Answers
3
You can do it by combining :hidden selector and attribute starts with selector,
$(":hidden[id^=field]").val(function(_,val){
return "anyValueYouWant";
});
DEMO
To make sure that the ID not change use also the ClientIDMode="Static" on each control. The ID can change if you place that code on any page that use any master page, or is inside any custom control. So your control must be:
<asp:HiddenField ID="field1" runat="server" ClientIDMode="Static" />
<asp:HiddenField ID="field2" runat="server" ClientIDMode="Static" />
<asp:HiddenField ID="field3" runat="server" ClientIDMode="Static" />
Aristos
- 66,005
- 16
- 114
- 150
Rajaprabhu Aravindasamy
- 66,513
- 17
- 101
- 130
-
your answer is correct, but on asp.net the fields change the id on the final render page and usually the field name go on the end. – Aristos Apr 16 '16 at 18:53
-
@Aristos Oh I see. I don't know about asp.net. How could we answer it? Would it be helpful if we ask the rendered html from OP? – Rajaprabhu Aravindasamy Apr 16 '16 at 18:55
-
I can improve your answer... give me some moments – Aristos Apr 16 '16 at 18:55