jQuery plugin to associate label “for” attribute with form controls that have dynamic id’s

Posted on 2011.06.30 by Alan

For whatever reason, you can’t associate your labels with your form controls implicitly by wrapping both the label text and the control in a <label> element:

<label>
  Email address: <input type="email" name="email" value="" placeholder="you@example.com"/>
</label>

You’ve had to explicitly state the form control you want the label to be associated with:

<label for="email">Email address:</label>
<input id="email" type="email" name="email" value="" placeholder="you@example.com"/>

…but your framework has other ideas, it decides to commandeer your precious “id” attribute and change it from a simple and beautiful “email” into a junky “dnn_ctr1163_RegistrationForm_email”. *cough* DotNetNuke *cough*, but also *cough* Wicket *cough* and probably a whole load of others.

The problem is now that your label is no longer associated with your form control, and there isn’t a simple fix, like, for example, change the for attribute to read “dnn_ctr1163_RegistrationForm_email”, because the numbers in the id change each time you refresh the page. The ID is dynamic, and you are receiving accessibility black stars.

So, luckily I noticed that often the id will change, but the framework will leave your originally intended id somewhere in there. I’ve written a jQuery plugin to look at label for attributes and try to find the form control you intended to associate it with before your server side framework so rudely changed it.

How to use

Download the plugin and add it to your page
Select the labels you want to re-associate and call the function eg. $(‘label’).fuzzyFor();

TODO

The plugin finds matches by looking for input, select and textarea elements in the document and checking to see if the for attribute in your label element appears in the id attribute of the form control. At the moment if more than one match is found, it just uses the first (which is probably good enough for most). However, it should probably do something a bit more clever and use the form control that is closest to the label (I’m reasoning that you normally put your label’s close to your controls).

1,631 thoughts on “jQuery plugin to associate label “for” attribute with form controls that have dynamic id’s”

CraigLed on 2025.12.19 at 22:54 said:

Unm Pharm Unm Pharm п»їmexican pharmacy
MichaelTet on 2025.12.19 at 23:05 said:

https://unmpharm.xyz/# Unm Pharm
KennethBum on 2025.12.20 at 0:24 said:

mexican mail order pharmacies: mexican mail order pharmacies – Unm Pharm
Josephvax on 2025.12.20 at 1:45 said:

Umass India Pharm: buy prescription drugs from india – Umass India Pharm
MichaelTet on 2025.12.20 at 5:42 said:

https://nyupharm.xyz/# best rated canadian pharmacy
Cocoa Casino kein Verlust Bonus on 2025.12.20 at 6:32 said:

Unser Tischspielbereich bietet 180 klassische Casino-Varianten, optimiert für deutsche Spielpräferenzen. Spezielle deutsche Spielautomaten-Features umfassen Merkur
Gaming-Klassiker wie “Eye of Horus” und “Gold of Persia”, die in deutschen Spielhallen beliebt sind.
Video-Slots präsentieren modernste Grafiktechnologie mit deutschen Themen wie “Vikings Go Wild”
oder “Gonzo’s Quest”. Die Spielautomaten-Sektion dominiert unser Angebot
mit über 2.200 Titeln, kategorisiert nach deutschen Vorlieben.
Während unserer Cadoola Online Casino Erfahrungen testen wir, ob es sich hier um eines der besten deutschen Online Casinos 2025 auf dem
Markt handelt. Sie können europäisches Roulette mit einer einzelnen Null, Blackjack mit einer Auszahlung von 3 bis 2 oder
Baccarat mit einer niedrigen Provision an einem Live-Tisch spielen. So können Sie schnell und sicher auf Telefonen und Tablets spielen.

References:
https://online-spielhallen.de/ihr-umfassender-leitfaden-zum-spirit-casino-aktionscode/
KennethBum on 2025.12.20 at 6:50 said:

canadapharmacyonline: Nyu Pharm – certified canadian pharmacy
Josephvax on 2025.12.20 at 8:14 said:

Umass India Pharm: reputable indian online pharmacy – Umass India Pharm
CraigLed on 2025.12.20 at 8:14 said:

ordering drugs from canada canadian pharmacy no scripts canadian pharmacy drugs online
DelmarInoro on 2025.12.20 at 9:26 said:

https://umassindiapharm.xyz/# reputable indian pharmacies
CashWin Willkommensbonus Code on 2025.12.20 at 10:28 said:

GameTwist ist eine Plattform für kostenloses Online-Glücksspiel, die ausschließlich
Unterhaltungszwecken dient. Und wenn du dir zusätzlich zu
deinen Boni Twist-Pakete für Book of Ra, Sizzling Hot & Co.
gönnst, wirst du VIP. Warum dieser nostalgische Glückspiel so viele Fans hat?
Werde jetzt Teil unserer Casino Community und profitiere von regelmäßigen Slot Bonus-Chancen, Turnieren oder Casino Spielautomaten Gewinn-Aktionen!
Man kann an vielen speziellen Aktionen oder Promotions teilnehmen, ohne sofort eine erste Einzahlung tätigen zu müssen! Vielleicht ist dir beispielsweise der
Novoline Automat Sizzling Hot ein Begriff, oder Fruits’n Sevens, ein Spiel, in dem man mit etwas Glück den Jackpot knacken kann!

Mit jeder Stufe verbessern sich die Belohnungen, etwa in Form von zusätzlichen Twists oder Freispielen. Dennoch setzt die Plattform
auf hohe Standards, damit Spieler in einer sicheren Umgebung spielen können. Kleinere Pakete sind ideal für Gelegenheitsspieler,
während größere Bundles für Vielspieler gedacht sind.

Wer länger spielen möchte, kann jederzeit zusätzliche Twists erwerben. Besonders beliebt sind die Gametwist kostenlos slots, die direkt
an die bekannten Spielhallen-Klassiker erinnern. Zusätzliche
Twists oder Freispiele in beliebten Slots wie Lucky Lady’s Charm oder Book of Ra freischalten.

References:
https://online-spielhallen.de/gizbo-casino-aktionscode-dein-schlussel-zu-exklusiven-vorteilen/
MichaelTet on 2025.12.20 at 12:17 said:

http://nyupharm.com/# canadianpharmacymeds com
KennethBum on 2025.12.20 at 13:11 said:

Unm Pharm: Unm Pharm – buying from online mexican pharmacy
Josephvax on 2025.12.20 at 14:39 said:

best canadian pharmacy online: canadian drugs online – canada drugs online
CraigLed on 2025.12.20 at 17:33 said:

best online canadian pharmacy Nyu Pharm ed drugs online from canada
MichaelTet on 2025.12.20 at 18:51 said:

https://nyupharm.com/# canadian pharmacy
KennethBum on 2025.12.20 at 19:29 said:

Umass India Pharm: ï»¿legitimate online pharmacies india – top online pharmacy india
Josephvax on 2025.12.20 at 21:00 said:

order azithromycin mexico: mexican pharmacy for americans – Unm Pharm
Monro Casino Echtgeld on 2025.12.20 at 22:28 said:

Nach dem Login lässt die Seite aufgrund einer großen Auswahl
an Brett- und Kartenspielen die Herzen der Zocker höherschlagen. Für wen es sich anbietet,
trotzdem bei dem Anbieter zu spielen, verraten wir euch in diesem Artikel
über GameTwist mit Echtgeld. Oder wie wäre es mit verlinkten Jackpots oder Promotions mit Freispielen? Neben Spielautomaten kannst du auch echte Casino-Klassiker
wie Roulette oder Blackjack spielen und auf Gewinnjagd gehen!
Starte am besten einen Streifzug durch unser buntes Casino-Sortiment und spiele mit
deinen Favoriten! Das magische Buch des Ra kann dir als
Scatter-Symbol Freispiele ermöglichen, wo dich aufgrund eines sich erweiternden Spezialsymbols Extraspannung erwartet.
Darüber hinaus bietet Gametwist allerdings auch ausgefallenere Zahlungsmöglichkeiten an, beispielsweise die Online-Währung Bitcoin oder die SMS-Zahlung.
Novoline-Klassiker wie Book of Ra und Sizzling Hot Deluxe sind im
Slot-Bereich genauso zu finden wie die aktuellen Hits, zum Beispiel Lord of the Ocean und Lucky Ladys Charm.

References:
https://online-spielhallen.de/drip-casino-aktionscode-ihr-schlussel-zu-besonderen-vorteilen/
DelmarInoro on 2025.12.21 at 0:07 said:

https://nyupharm.com/# canada pharmacy 24h
KennethBum on 2025.12.21 at 1:52 said:

buying from online mexican pharmacy: Unm Pharm – Unm Pharm
CraigLed on 2025.12.21 at 2:55 said:

buy meds from mexican pharmacy isotretinoin from mexico Unm Pharm
Josephvax on 2025.12.21 at 3:28 said:

canadian pharmacy victoza: Nyu Pharm – canada rx pharmacy world
KennethBum on 2025.12.21 at 8:21 said:

Unm Pharm: Unm Pharm – medicine in mexico pharmacies
Josephvax on 2025.12.21 at 9:58 said:

best india pharmacy: indianpharmacy com – Online medicine home delivery
MichaelTet on 2025.12.21 at 14:30 said:

https://unmpharm.xyz/# finasteride mexico pharmacy
KennethBum on 2025.12.21 at 14:33 said:

trustworthy canadian pharmacy: Nyu Pharm – reliable canadian pharmacy reviews
DelmarInoro on 2025.12.21 at 14:50 said:

https://nyupharm.com/# my canadian pharmacy rx
Josephvax on 2025.12.21 at 16:08 said:

buy antibiotics over the counter in mexico: real mexican pharmacy USA shipping – Unm Pharm
KennethBum on 2025.12.21 at 20:35 said:

Umass India Pharm: indian pharmacy paypal – Umass India Pharm
Josephvax on 2025.12.21 at 22:15 said:

Unm Pharm: finasteride mexico pharmacy – Unm Pharm
CraigLed on 2025.12.22 at 0:26 said:

indian pharmacy online Umass India Pharm Online medicine order
KennethBum on 2025.12.22 at 2:44 said:

my canadian pharmacy: canadian pharmacy no scripts – canadian pharmacy 365
MichaelTet on 2025.12.22 at 3:28 said:

https://nyupharm.com/# onlinecanadianpharmacy
Josephvax on 2025.12.22 at 4:25 said:

reputable indian pharmacies: indian pharmacy online – indianpharmacy com
DelmarInoro on 2025.12.22 at 5:32 said:

http://nyupharm.com/# trustworthy canadian pharmacy
KennethBum on 2025.12.22 at 9:03 said:

world pharmacy india: ï»¿legitimate online pharmacies india – ï»¿legitimate online pharmacies india
CraigLed on 2025.12.22 at 10:39 said:

canadian pharmacy king Nyu Pharm canadian pharmacy 24h com
Josephvax on 2025.12.22 at 10:53 said:

Unm Pharm: viagra pills from mexico – buy cialis from mexico
KennethBum on 2025.12.22 at 15:33 said:

safe canadian pharmacy: Nyu Pharm – canadian pharmacy online
MichaelTet on 2025.12.22 at 17:00 said:

http://umassindiapharm.com/# mail order pharmacy india
Josephvax on 2025.12.22 at 17:27 said:

cheap cialis mexico: Unm Pharm – Unm Pharm
CraigLed on 2025.12.22 at 20:06 said:

india online pharmacy buy medicines online in india Online medicine order
DelmarInoro on 2025.12.22 at 20:09 said:

https://umassindiapharm.com/# Online medicine home delivery
KennethBum on 2025.12.22 at 22:04 said:

buy medicines online in india: Umass India Pharm – Umass India Pharm
Josephvax on 2025.12.23 at 0:05 said:

Unm Pharm: Unm Pharm – Unm Pharm
KennethBum on 2025.12.23 at 4:33 said:

cheap canadian pharmacy online: precription drugs from canada – pharmacy wholesalers canada
CraigLed on 2025.12.23 at 5:34 said:

prescription drugs mexico pharmacy Unm Pharm Unm Pharm
MichaelTet on 2025.12.23 at 6:30 said:

https://umassindiapharm.xyz/# Umass India Pharm
Josephvax on 2025.12.23 at 6:35 said:

indian pharmacy online: indianpharmacy com – top 10 pharmacies in india

freestyle developments

jQuery plugin to associate label “for” attribute with form controls that have dynamic id’s

How to use

TODO

1,631 thoughts on “jQuery plugin to associate label “for” attribute with form controls that have dynamic id’s”

Leave a Reply Cancel reply