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).

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

JustinSnado on 2026.04.10 at 16:57 said:

no prescription needed canadian pharmacy: CivicMeds – canadapharmacyonline legit
mostbet_rfMi on 2026.04.10 at 16:58 said:

mostbet cont în euro mostbet cont în euro
1win_ndSa on 2026.04.10 at 17:01 said:

1win uduş verirmi 1win uduş verirmi
Katlyn on 2026.04.10 at 17:03 said:

new zealand casino no deposit bonus, bingo for money no deposit (Katlyn)
deposit bonus codes casino usa and usa accepted casino, or bet365 new zealandn roulette tips
Tisha on 2026.04.10 at 17:05 said:

windsor horse racing greyhound derby betting 2026 (Tisha) odds
1win_gvmt on 2026.04.10 at 17:19 said:

1win ошибка 404 1win ошибка 404
Https://Grayhound-Betting.Com/ on 2026.04.10 at 17:23 said:

what does wheel mean in horse betting

Here is my website Https://Grayhound-Betting.Com/
1win_izpr on 2026.04.10 at 17:26 said:

1win слот турниры Кыргызстан 1win слот турниры Кыргызстан
mostbet_zjKa on 2026.04.10 at 17:26 said:

mostbet Buxoro click http://www.mostbet43759.help
Lamarorecy on 2026.04.10 at 17:30 said:

over the counter sildenafil CoreBlue Health cheapest viagra
BrianFum on 2026.04.10 at 17:41 said:

https://friends-social.com/blogs/138614/Best-1xBet-Promo-Code-2026-1X200WAVE-130-Enhanced-Bonus
Trina on 2026.04.10 at 18:18 said:

free grand national bet online

Also visit my site – uk results greyhounds
(Trina)
Timothynop on 2026.04.10 at 19:54 said:

save on pharmacy: overseas pharmacy no prescription – offshore pharmacy no prescription
JustinSnado on 2026.04.10 at 20:00 said:

sildenafil 50 mg price: CoreBlue Health – Cheap generic Viagra online
Lamarorecy on 2026.04.10 at 20:31 said:

CoreBlue Health CoreBlue Health CoreBlue Health
mostbet_vuet on 2026.04.10 at 20:33 said:

mostbet aksiyalar bolimi http://mostbet21640.help/
Russellvam on 2026.04.10 at 20:51 said:

http://corebluehealth.com/# Cheap generic Viagra online
Timothynop on 2026.04.10 at 22:58 said:

wholesale pharmacy: best canadian pharmacy online – medication canadian pharmacy
JustinSnado on 2026.04.10 at 23:00 said:

pharmacy in canada for viagra: online pharmacy without scripts – legit canadian pharmacy
JamesNew on 2026.04.10 at 23:31 said:

https://civicmeds.com/# canadian pharmacy online cialis
mostbet_qyet on 2026.04.10 at 23:40 said:

mostbet pc mostbet pc
mostbet_rlol on 2026.04.11 at 0:06 said:

mostbet vpn lazımdır http://www.mostbet87216.help
mostbet_wbet on 2026.04.11 at 0:13 said:

mostbet uz rasmiy sayt mostbet uz rasmiy sayt
mostbet_yzMi on 2026.04.11 at 1:07 said:

mostbet Basarabeasca http://mostbet54831.help/
Russellvam on 2026.04.11 at 1:55 said:

https://veritascarepharm.shop/# cialis for sale
JustinSnado on 2026.04.11 at 1:58 said:

affordable pharmacy: best online pharmacy no prescription – canadian pharmacy world coupons
Timothynop on 2026.04.11 at 2:00 said:

pharmacy rx: legit canadian pharmacy – canadian online pharmacy viagra
Lamarorecy on 2026.04.11 at 2:28 said:

Viagra without a doctor prescription Canada CoreBlue Health CoreBlue Health
JustinSnado on 2026.04.11 at 4:55 said:

VeritasCare: Buy Cialis online – Buy Tadalafil 20mg
Timothynop on 2026.04.11 at 5:01 said:

viagra without prescription: Viagra Tablet price – buy Viagra online
Lamarorecy on 2026.04.11 at 5:23 said:

VeritasCare Cialis without a doctor prescription VeritasCare
mostbet_zyMi on 2026.04.11 at 5:35 said:

mostbet usdt mostbet usdt
Russellvam on 2026.04.11 at 6:46 said:

https://corebluehealth.shop/# CoreBlue Health
JamesNew on 2026.04.11 at 6:48 said:

http://veritascarepharm.com/# Cialis over the counter
JohnnyDUG on 2026.04.11 at 7:24 said:

ответы на отзывы Озон ИИ для маркетплейсов включая специализированные решения такие как Owl Reviews предлагает комплексный подход к управлению репутацией охватывая все аспекты взаимодействия с покупателями. Автоответы на WB Озон и ЯМ должны быть не только быстрыми но и максимально профессиональными особенно когда речь идет об ответах на негативные отзывы.
JustinSnado on 2026.04.11 at 8:19 said:

online pharmacy viagra: best canadian online pharmacy – canadian pharmacy uk delivery
Joesphpadia on 2026.04.11 at 8:29 said:

https://padlet.com/muhammadhasnainpk1_/discussion-topic-goes-here-5n3mh7gugixzfnu6/wish/KxJvagp2NRwAQAg0
Timothynop on 2026.04.11 at 8:30 said:

online pharmacy australia free delivery: CivicMeds – online pharmacy no prescription
mostbet_clet on 2026.04.11 at 8:33 said:

mostbet rasmiy vebsayt https://mostbet21640.help
mostbet_pnMi on 2026.04.11 at 8:42 said:

mostbet este legal în Moldova mostbet54831.help
Williamjourl on 2026.04.11 at 8:50 said:

феникс казино

Если честно, сейчас проще сразу искать fenix casino через телеграм. Потому что в поиске слишком много лишнего. Я через канал нашел рабочее зеркало. Через него зашел и все ок
Lamarorecy on 2026.04.11 at 9:01 said:

CoreBlue Health generic sildenafil generic sildenafil
mostbet_pbMi on 2026.04.11 at 9:15 said:

mostbet rulaj bonus mostbet54831.help
mostbet_ojOn on 2026.04.11 at 9:28 said:

mostbet karta egasi http://www.mostbet68214.help
mostbet_lsOi on 2026.04.11 at 9:28 said:

мостбет mines 2026 https://mostbet26809.help/
melbet_jkOr on 2026.04.11 at 9:31 said:

мелбет app мелбет app
mostbet_hpPt on 2026.04.11 at 9:31 said:

mostbet canlı kazino giriş http://mostbet2011.help/
mostbet_yqSi on 2026.04.11 at 9:33 said:

mostbet agenti suport mostbet75302.help
Williamjourl on 2026.04.11 at 9:45 said:

fenix casino

В выдаче по феникс казино сейчас реально много копий, которые пытаются перехватить трафик. Я сначала попал на такой сайт и потерял время. Потом нашел телеграм канал и через него зашел. Там есть норм ссылка
Williamjourl on 2026.04.11 at 10:44 said:

fenix casino зеркало

Сейчас по casino fenix куча фейков, поэтому лучше сразу идти в телеграм канал. Там есть актуальное зеркало. Через него можно нормально зайти

freestyle developments

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

How to use

TODO

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

Leave a Reply Cancel reply