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,623 thoughts on “jQuery plugin to associate label “for” attribute with form controls that have dynamic id’s”

  1. I was wondering about getting antibiotics without prescription. I ran into a verified site that lists affordable options: п»їlink. Seems useful..

  2. If you want to save money on prescriptions I suggest reading this resource about Canadian Pharmacy Certified Online. The site explains where to buy cheap. Best prices at this link: professionalinsight.us.com.

  3. Stop overpaying and save money on prescriptions you should try visiting this report. It shows where to buy cheap. Discounted options available here: п»їwebsite.

  4. I was wondering about safe Canadian pharmacies. I saw a verified site that compares certified vendors: MUSC Pharm. Looks legit.

  5. If you want to save on pharmacy costs I recommend checking this archive about Canadian Pharmacy Certified Online. It reveals shipping costs. Huge savings at this link: northern pharmacy canada.

  6. Has anybody tried getting CIPA approved pills. I ran into a verified post that lists best Canadian pharmacies: MUSC Pharm. Looks legit.

  7. п»їTo be honest I came across a helpful resource about cheap Indian generics. The site discusses WHO-GMP protocols on prescriptions. In case you need factory prices go here: п»їhttps://kisawyer.us.com/# mail order pharmacy india. Good info.

  8. п»їJust now I came across an informative article concerning Indian Pharmacy exports. The site discusses the manufacturing standards for generic meds. If anyone wants reliable shipping to USA go here: п»їhttps://kisawyer.us.com/# indian pharmacy paypal. Good info.

  9. Recently I stumbled upon an interesting resource about buying affordable antibiotics. It details Health Canada standards for ED medication. If you are looking for Trusted Canadian sources take a look: MUSC Pharm. Cheers.

  12. Just now I stumbled upon an interesting resource concerning buying affordable antibiotics. It explains the safety protocols on prescriptions. In case you need Trusted Canadian sources read this: professionalinsight.us.com. Worth a read.

  14. Heads up an official overview on Mexican Pharmacy safety. It breaks down pricing differences for generics. Full info: п»їmore info.

  15. Recently I discovered an informative report regarding ordering meds from Canada. It explains CIPA regulations for ED medication. If you are looking for affordable options take a look: safe reliable canadian pharmacy. Worth a read.

  16. To be honest I found an informative page about generic pills availability. It details the safety protocols on prescriptions. In case you need cheaper alternatives visit this link: useful link. Worth a read.

  17. For those looking to save on pharmacy costs I recommend visiting this report about Canadian Pharmacy Certified Online. The site explains where to buy cheap. Discounted options available here: https://professionalinsight.us.com/# canadian medications.

  19. п»їJust now I found an interesting resource concerning cheap Indian generics. It explains how to save money for generic meds. If anyone wants cheaper alternatives go here: п»їclick to read. Good info.

  20. п»їTo be honest I found a helpful page concerning ordering meds from India. The site discusses CDSCO regulations for generic meds. If anyone wants reliable shipping to USA visit this link: п»їbuy medicines online in india. Hope it helps.

  21. Actually I discovered a great article about generic pills availability. It details how to save money for ED medication. If anyone wants reliable shipping to USA take a look: canada drug pharmacy. Hope it helps.

  22. Stop overpaying and save money on prescriptions you should try checking this page about Canadian meds. It reveals shipping costs. Discounted options available here: MUSC Pharm.

  23. Stop overpaying and save money on prescriptions I suggest checking this archive about Canadian meds. The site explains shipping costs. Best prices found here: check here.

  24. Stop overpaying and save money on prescriptions I suggest visiting this archive. It shows trusted Mexican pharmacies. Discounted options at this link: п»їmexico medicine.

  25. п»їLately I stumbled upon a great article about safe pharmacy shipping. The site discusses how to save money when buying antibiotics. In case you need affordable options check this out: п»їhttps://polkcity.us.com/# medicine from mexico. Cheers.

  26. п»їLately I found a helpful page concerning generic pills from India. It covers CDSCO regulations for ED medication. In case you need reliable shipping to USA check this out: п»їhttps://kisawyer.us.com/# indian pharmacies safe. Good info.

  27. п»їJust now I stumbled upon a great report regarding buying affordable antibiotics. It covers CDSCO regulations for ED medication. If anyone wants cheaper alternatives take a look: п»їkisawyer.us.com. Might be useful.

  28. п»їTo be honest I discovered an interesting article concerning Mexican Pharmacy standards. It explains the safety protocols for generic meds. For those interested in cheaper alternatives visit this link: п»їhttps://polkcity.us.com/# mexico pharmacy. Might be useful.

  29. п»їActually I stumbled upon a useful page regarding Indian Pharmacy exports. It details WHO-GMP protocols on prescriptions. In case you need reliable shipping to USA take a look: п»їhttps://kisawyer.us.com/# indian pharmacies safe. Cheers.

  30. п»їLately I found a great page regarding Indian Pharmacy exports. It details CDSCO regulations for ED medication. For those interested in Trusted Indian sources read this: п»їindian pharmacy. Worth a read.

  31. п»їTo be honest I came across an interesting guide regarding ordering meds from Mexico. It explains the safety protocols on prescriptions. If you are looking for affordable options go here: п»їmexico drug store. Good info.

  32. п»їLately I came across a useful article about ordering meds from India. It covers how to save money for generic meds. If anyone wants cheaper alternatives take a look: п»їhttps://kisawyer.us.com/# india pharmacy. Might be useful.

  33. п»їLately I came across an interesting page regarding buying affordable antibiotics. It covers how to save money when buying antibiotics. In case you need Trusted Indian sources take a look: п»їweb page. Good info.

  36. To save big on pills I suggest checking this page. It shows prices for generics. Best prices at this link: п»їUpstate Medical.

  39. For those looking to save big on pills I suggest visiting this page. It shows prices for generics. Huge savings found here: п»їpolkcity.us.com.

  40. п»їRecently I came across a helpful page regarding ordering meds from India. It explains how to save money on prescriptions. In case you need Trusted Indian sources read this: п»їindianpharmacy com. Might be useful.

  41. п»їRecently I stumbled upon an informative report regarding cheap Indian generics. It covers how to save money for ED medication. For those interested in reliable shipping to USA visit this link: п»їhttps://kisawyer.us.com/# buy medicines online in india. Good info.

  42. п»їRecently I came across a helpful page about Indian Pharmacy exports. It explains CDSCO regulations for ED medication. For those interested in Trusted Indian sources go here: п»їhttps://kisawyer.us.com/# pharmacy website india. Good info.

  43. If you want to save on pharmacy costs you should try reading this page. It shows shipping costs. Good deals available here: п»їUpstate Medical.

  44. п»їActually I stumbled upon a helpful resource concerning buying affordable antibiotics. It explains CDSCO regulations for ED medication. If anyone wants reliable shipping to USA check this out: п»їkisawyer.us.com. Hope it helps.

  45. If you want to save money on prescriptions I recommend visiting this report. It shows prices for generics. Best prices found here: п»їpurple pharmacy.

  46. п»їLately I found a great page regarding generic pills from India. The site discusses WHO-GMP protocols for generic meds. In case you need factory prices go here: п»їvisit. Might be useful.

  47. I was wondering about safe Mexican pharmacies. I ran into a cool post that compares affordable options: п»їhttps://polkcity.us.com/# mexican pharmacies near me. Any thoughts?.

  48. п»їTo be honest I came across a helpful article about generic pills from India. It covers how to save money on prescriptions. In case you need Trusted Indian sources check this out: п»їkisawyer.us.com. Hope it helps.

  49. п»їActually I found a great page about ordering meds from India. It details WHO-GMP protocols on prescriptions. For those interested in factory prices take a look: п»їreading. Good info.

  50. FYI a detailed article on Mexican Pharmacy safety. The author describes the best shipping methods for ED meds. You can read it here: п»їhttps://polkcity.us.com/# mexico drug store online.

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>