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

Posted on by

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

  1. Download the plugin and add it to your page
  2. 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,594 thoughts on “jQuery plugin to associate label “for” attribute with form controls that have dynamic id’s”

  1. Canlı casino oynamak isteyenler için kılavuz niteliğinde bir site: https://cassiteleri.us.org/# buraya tıkla Hangi site güvenilir diye düşünmeyin. Editörlerimizin seçtiği bahis siteleri listesi ile sorunsuz oynayın. Tüm liste linkte.

  2. Bu sene en çok kazandıran casino siteleri hangileri? Cevabı web sitemizde mevcuttur. Bedava bahis veren siteleri ve güncel giriş linklerini paylaşıyoruz. Hemen tıklayın mobil ödeme bahis kazanmaya başlayın.

  3. Pin Up Casino Azərbaycanda ən populyar platformadır. Saytda çoxlu slotlar və Aviator var. Pulu kartınıza anında köçürürlər. Mobil tətbiqi də var telefondan oynamaq çox rahatdır. Giriş linki Pin Up kazino baxın.

  4. п»їSalam Gacor cari situs slot yang hoki? Rekomendasi kami adalah Bonaslot. RTP Live tertinggi hari ini dan pasti bayar. Isi saldo bisa pakai OVO tanpa potongan. Login disini: п»їBonaslot slot semoga maxwin.

  6. Halo Slotter lagi nyari situs slot yang mudah menang? Rekomendasi kami adalah Bonaslot. RTP Live tertinggi hari ini dan pasti bayar. Deposit bisa pakai Pulsa tanpa potongan. Login disini: daftar situs judi slot salam jackpot.

  7. Info slot gacor malam ini: mainkan Gate of Olympus atau Mahjong Ways di Bonaslot. Website ini anti rungkad dan resmi. Bonus new member menanti anda. Akses link: п»їhttps://bonaslotind.us.com/# slot gacor hari ini raih kemanangan.

  8. Salamlar siz də yaxşı kazino axtarırsınızsa məsləhətdir ki Pin Up saytını yoxlayasınız. Canlı oyunlar və sürətli ödənişlər burada mövcuddur. İndi qoşulun və bonus qazanın. Daxil olmaq üçün link: Pin Up AZ uğurlar hər kəsə

  9. Bocoran slot gacor hari ini: mainkan Gate of Olympus atau Mahjong Ways di Bonaslot. Website ini anti rungkad dan aman. Promo menarik menanti anda. Akses link: daftar situs judi slot raih kemanangan.

  11. Online slot oynamak isteyenler için rehber niteliğinde bir site: casino siteleri 2026 Nerede oynanır diye düşünmeyin. Editörlerimizin seçtiği bahis siteleri listesi ile rahatça oynayın. Detaylar linkte.

  13. Selam güvenilir casino siteleri arıyorsanız hazırladığımız listeye mutlaka göz atın. Lisanslı firmaları ve bonusları sizin için inceledik. Güvenli oyun için doğru adres: mobil ödeme bahis bol şanslar.

  14. Canlı casino oynamak isteyenler için kılavuz niteliğinde bir site: https://cassiteleri.us.org/# listeyi gör Nerede oynanır diye düşünmeyin. Onaylı bahis siteleri listesi ile sorunsuz oynayın. Tüm liste linkte.

  15. Info slot gacor hari ini: mainkan Gate of Olympus atau Mahjong Ways di Bonaslot. Website ini gampang menang dan aman. Bonus new member menanti anda. Kunjungi: bonaslotind.us.com dan menangkan.

  16. Yeni Pin Up giriş ünvanını axtarırsınızsa bura baxa bilərsiniz. Bloklanmayan link vasitəsilə qeydiyyat olun və oynamağa başlayın. Xoş gəldin bonusu sizi gözləyir. Keçid: https://pinupaz.jp.net/# Pinup qazancınız bol olsun.

  17. Salam Gacor lagi nyari situs slot yang mudah menang? Rekomendasi kami adalah Bonaslot. RTP Live tertinggi hari ini dan terbukti membayar. Deposit bisa pakai Dana tanpa potongan. Daftar sekarang: situs slot resmi salam jackpot.

  19. Salamlar əgər siz keyfiyyətli kazino axtarırsınızsa məsləhətdir ki Pin Up saytını yoxlayasınız. Yüksək əmsallar və rahat pul çıxarışı burada mövcuddur. Qeydiyyatdan keçin və bonus qazanın. Daxil olmaq üçün link: https://pinupaz.jp.net/# pinupaz.jp.net uğurlar hər kəsə

  20. Yeni Pin Up giriş ünvanını axtarırsınızsa doğru yerdesiniz. Bloklanmayan link vasitəsilə hesabınıza girin və oynamağa başlayın. Pulsuz fırlanmalar sizi gözləyir. Keçid: Pin Up kazino uğurlar.

  21. Pin-Up AZ Azərbaycanda ən populyar platformadır. Burada çoxlu slotlar və canlı dilerlər var. Pulu kartınıza anında köçürürlər. Mobil tətbiqi də var telefondan oynamaq çox rahatdır. Rəsmi sayt Pin Up Azerbaijan tövsiyə edirəm.

  22. Bonaslot adalah bandar judi slot online nomor 1 di Indonesia. Ribuan member sudah merasakan Jackpot sensasional disini. Proses depo WD super cepat kilat. Situs resmi Bonaslot gas sekarang bosku.

  24. Bu sene en çok kazandıran casino siteleri hangileri? Detaylı liste platformumuzda mevcuttur. Bedava bahis veren siteleri ve güncel giriş linklerini paylaşıyoruz. Hemen tıklayın https://cassiteleri.us.org/# türkçe casino siteleri fırsatı kaçırmayın.

  25. Bonaslot adalah agen judi slot online terpercaya di Indonesia. Ribuan member sudah mendapatkan Maxwin sensasional disini. Transaksi super cepat hanya hitungan menit. Link alternatif Bonaslot login jangan sampai ketinggalan.

  26. Online slot oynamak isteyenler için rehber niteliğinde bir site: listeyi gör Nerede oynanır diye düşünmeyin. Editörlerimizin seçtiği bahis siteleri listesi ile sorunsuz oynayın. Detaylar linkte.

  28. Pin-Up AZ Azərbaycanda ən populyar platformadır. Burada minlərlə oyun və Aviator var. Pulu kartınıza tez köçürürlər. Proqramı də var telefondan oynamaq çox rahatdır. Rəsmi sayt Pinup yoxlayın.

  34. Партнерский маркетинг и кросс-продвижение с другими бизнесами Гродно. Совместные акции рекомендации и публикации помогают продвижение сайта гродно выйти на новую аудиторию с минимальными затратами и высоким уровнем доверия.

  35. 电影网站推荐，海外华人专用，支持中英双语界面和全球加速。

  36. Hello I recently discovered an excellent website for purchasing prescription drugs cheaply. If you need no prescription drugs this site is highly recommended. Great prices plus no script needed. Link here: https://onlinepharm.jp.net/#. Good luck

  38. Hey there Just now ran into an awesome resource for affordable pills. If you want to save money and need cheap antibiotics this store is highly recommended. No prescription needed and it is safe. Take a look: https://pharm.mex.com/#. Cheers.

  39. Hi I just found a useful website where you can buy medications hassle-free. If you are looking for safe pharmacy delivery this site is worth a look. Fast delivery and huge selection. Visit here: check availability. Warmly.

  40. Hello I recently came across an amazing Indian pharmacy to save on Rx. If you want to buy generic pills cheaply IndiaPharm is highly recommended. It has fast shipping guaranteed. Take a look: IndiaPharm. Good luck.

  41. Hi guys I recently found a great online source to save on Rx. If you want to save money and need generic drugs this site is worth checking out. No prescription needed and secure. Check it out: click here. Have a nice day.

  46. кино новинки онлайн качество дисней фильмы и мультики онлайн

  47. Greetings I wanted to share a useful international pharmacy to order prescription drugs hassle-free. If you are looking for antibiotics this site is the best choice. Great prices and it is very affordable. See for yourself: click here. Warmly.

  50. Hello everyone Just now came across a reliable online source to buy medication. For those seeking and need meds from Mexico this site is highly recommended. No prescription needed plus very reliable. Take a look: https://pharm.mex.com/#. Appreciate it.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>