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

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

KevinBleaw on 2026.01.28 at 13:42 said:

Hi cac bac n?u anh em dang ki?m ch? n?p rut nhanh d? choi Game bai thi tham kh?o d?a ch? nay. Dang co khuy?n mai: https://pacebhadrak.org.in/#. Chuc anh em may m?n.
pinup_btsl on 2026.01.28 at 15:01 said:

pin-up apuestas en vivo http://www.pinup2003.help
Louispek on 2026.01.28 at 15:20 said:

Hello mọi người người anh em nào cần sân chơi đẳng cấp để cày cuốc Game bài thì vào ngay trang này nhé. Uy tín luôn: https://homemaker.org.in/#. Chúc các bác rực rỡ.
pinup_dwki on 2026.01.28 at 16:27 said:

pin-up cashout pinup2009.help
AnthonyKab on 2026.01.28 at 16:30 said:

Chào anh em người anh em nào cần cổng game không bị chặn để gỡ gạc Game bài thì xem thử địa chỉ này. Nạp rút 1-1: https://pacebhadrak.org.in/#. Húp lộc đầy nhà.
Joshuakaw on 2026.01.28 at 17:10 said:

Hi cac bac bac nao mu?n tim c?ng game khong b? ch?n d? cay cu?c N? Hu thi tham kh?o d?a ch? nay. Uy tin luon: https://gramodayalawcollege.org.in/#. Chuc anh em may m?n.
pinup_bmsl on 2026.01.28 at 17:32 said:

pin-up registro https://pinup2003.help
pinup_atki on 2026.01.28 at 19:29 said:

pin-up real balans pin-up real balans
Stephenreill on 2026.01.28 at 20:01 said:

Chào cả nhà ai đang tìm cổng game không bị chặn để gỡ gạc Game bài đừng bỏ qua trang này nhé. Nạp rút 1-1: sunwin. Về bờ thành công.
Ralf on 2026.01.28 at 21:18 said:

united statesn roulette wheel play, best online pokies in canada and canadian pokies winners, or australia online
gambling stock

Feel free to visit my blog post; cherokee casino nc open (Ralf)
Miles on 2026.01.28 at 21:37 said:

paypal gambling sites canada, us casinos taking canada
money and ontario australia online gambling, or no wagering casino
uk

Look into my web page – wizard of odds blackjack side bets – Miles -
HiltonHew on 2026.01.28 at 22:00 said:

iphone не включается ремонт великий новгород срочно ремонт айфон недорого в великом новгороде цена
Jeffreydat on 2026.01.28 at 22:33 said:

краби krabi sugar marina resort cliffhanger 4 джеймс бонд краби
Louispek on 2026.01.28 at 22:43 said:

Hello mọi người nếu anh em đang kiếm sân chơi đẳng cấp để giải trí Nổ Hũ thì vào ngay con hàng này. Nạp rút 1-1: https://homemaker.org.in/#. Chúc anh em may mắn.
AnthonyKab on 2026.01.28 at 22:58 said:

Hello mọi người nếu anh em đang kiếm nhà cái uy tín để gỡ gạc Đá Gà thì vào ngay con hàng này. Nạp rút 1-1: https://gramodayalawcollege.org.in/#. Về bờ thành công.
Davidtum on 2026.01.28 at 23:42 said:

Ставки баскетбол Прогнозы на хоккей – это попытка заглянуть в будущее ледовой баталии. Это анализ статистики учет травм и дисквалификаций оценка мотивации команд и многое другое. Помните что прогноз – это не гарантия а лишь вероятность.
Joshuakaw on 2026.01.28 at 23:49 said:

Hi cac bac n?u anh em dang ki?m c?ng game khong b? ch?n d? choi Game bai d?ng b? qua d?a ch? nay. Uy tin luon: Link khong b? ch?n. Chuc cac bac r?c r?.
WayneBRUGS on 2026.01.29 at 0:56 said:

Лучшее казино ап икс играйте в слоты и live-казино без лишних сложностей. Простой вход удобный интерфейс стабильная платформа и широкий выбор игр для отдыха и развлечения.
pinup_rasl on 2026.01.29 at 1:44 said:

pin-up casa de apuestas https://pinup2003.help
JamesGer on 2026.01.29 at 2:13 said:

Играешь в казино? ап икс официальный Слоты рулетка покер и live-дилеры простой интерфейс стабильная работа сайта и возможность играть онлайн без сложных настроек.
JamesGer on 2026.01.29 at 2:23 said:

Играешь в казино? t.me Слоты рулетка покер и live-дилеры простой интерфейс стабильная работа сайта и возможность играть онлайн без сложных настроек.
Briansoise on 2026.01.29 at 2:58 said:

Нью клининг Клиндо – это синоним качества и надежности в мире клининга.
WayneBRUGS on 2026.01.29 at 3:12 said:

Лучшее казино up x играйте в слоты и live-казино без лишних сложностей. Простой вход удобный интерфейс стабильная платформа и широкий выбор игр для отдыха и развлечения.
AnthonyKab on 2026.01.29 at 4:53 said:

Chào cả nhà người anh em nào cần trang chơi xanh chín để cày cuốc Game bài thì xem thử trang này nhé. Nạp rút 1-1: https://gramodayalawcollege.org.in/#. Chúc các bác rực rỡ.
pinup_afki on 2026.01.29 at 5:02 said:

pin-up Azərbaycan yüklə pinup2009.help
KevinBleaw on 2026.01.29 at 5:03 said:

Hi cac bac n?u anh em dang ki?m trang choi xanh chin d? gi?i tri Game bai d?ng b? qua ch? nay. Uy tin luon: Link t?i Sunwin. V? b? thanh cong.
Jeffreydat on 2026.01.29 at 5:31 said:

самые красивые пляжи краби в тайланде golden beach resort краби
Louispek on 2026.01.29 at 5:40 said:

Xin chào 500 anh em ai đang tìm chỗ nạp rút nhanh để gỡ gạc Nổ Hũ thì xem thử trang này nhé. Nạp rút 1-1: https://gramodayalawcollege.org.in/#. Về bờ thành công.
Joshuakaw on 2026.01.29 at 6:05 said:

Hello m?i ngu?i n?u anh em dang ki?m trang choi xanh chin d? cay cu?c Da Ga thi xem th? trang nay nhe. T?c d? ban th?: Link t?i Sunwin. Chi?n th?ng nhe.
Daison pilesos kypit_xhei on 2026.01.29 at 8:05 said:

дайсон купить спб оригинал дайсон купить спб оригинал .
WalterVeigo on 2026.01.29 at 9:41 said:

https://iver.us.com/# Iver Protocols Guide
pinup_lwsl on 2026.01.29 at 10:39 said:

pin up promociones pin up promociones
StevenUnuct on 2026.01.29 at 10:41 said:

https://iver.us.com/# stromectol 3 mg
JasonKiz on 2026.01.29 at 10:52 said:

Хоккей кхл Хоккей КХЛ – это российская лига объединяющая лучшие клубы страны и ближнего зарубежья.
WayneBRUGS on 2026.01.29 at 11:27 said:

Лучшее казино https://t.me/ играйте в слоты и live-казино без лишних сложностей. Простой вход удобный интерфейс стабильная платформа и широкий выбор игр для отдыха и развлечения.
Michaelcoive on 2026.01.29 at 11:59 said:

ivermectin purchase: stromectol pills – Iver Protocols Guide
Daison pilesos kypit_kxei on 2026.01.29 at 12:43 said:

dyson спб dyson спб .
MarcusAmbuh on 2026.01.29 at 12:52 said:

buy Elavil: Elavil – buy Elavil
StevenUnuct on 2026.01.29 at 15:32 said:

https://follicle.us.com/# Follicle Insight
pinup_ylki on 2026.01.29 at 16:29 said:

pin-up idman bonusu pin-up idman bonusu
Shaneawarf on 2026.01.29 at 16:42 said:

Avia Masters de BGaming es un juego crash con RTP del 97 donde apuestas desde 010€ hasta 1.000€ controlas la velocidad de vuelo de un avion que recoge multiplicadores hasta x250 mientras evita cohetes que reducen ganancias a la mitad con el objetivo de aterrizar exitosamente en un portaaviones para cobrar el premio acumulado https://feg.org.es/
Michaelcoive on 2026.01.29 at 16:59 said:

Iver Protocols Guide: stromectol 3 mg price – generic ivermectin
EdwardtUm on 2026.01.29 at 17:12 said:

buy Elavil buy Elavil Generic Elavil
WalterVeigo on 2026.01.29 at 17:24 said:

https://follicle.us.com/# order cheap propecia prices
Daison pilesos kypit_fdei on 2026.01.29 at 17:28 said:

dyson пылесос спб dn-pylesos-kupit-6.ru .
mostbet_aoMl on 2026.01.29 at 17:33 said:

мостбет депозит http://www.mostbet2035.help
MarcusAmbuh on 2026.01.29 at 18:23 said:

AmiTrip Relief Store: Elavil – AmiTrip Relief Store
mostbet_pjMl on 2026.01.29 at 19:29 said:

мостбет отыгрыш бонуса http://mostbet2035.help/
StevenUnuct on 2026.01.29 at 20:23 said:

https://iver.us.com/# stromectol how much it cost
Michaelcoive on 2026.01.29 at 21:57 said:

Follicle Insight: Follicle Insight – buying generic propecia without dr prescription

freestyle developments

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

How to use

TODO

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

Leave a Reply Cancel reply