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

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

  3. Продаётся суперский домен с возрастом по продаже садовых триммеров https://stab-gen.ru. По вопросам покупки пишите на infostab-gen.ru.

  4. candyland casino promo codes 2025

    If you are searching for candyland casino no deposit bonus codes, this version currently works perfectly. I tested several mirrors before finding one without redirect problems. Here the promotions page loaded correctly and the bonus information was available immediately. Login also worked smoothly. Looks much safer than the other mirrors I tried

  6. там

    Недавно искал казино россия с нормальным доступом и без блокировок. Заодно проверял разные зеркала Eva Casino. Этот вариант оказался рабочим и без проблем загрузился с первого раза. Сейчас использую его регулярно

  7. кайт обучение обучение кайту на воде

  8. sportwetten versteuern österreich

    Also visit my webpage :: mit basketball wetten geld
    verdienen – Chet,

  10. victoza weight loss LiraglutideGlp1 generic liraglutide

  14. sildenafil 50 mg price Sildenafil Citrate Tablets 100mg – Viagra Tablet price

  17. best price for viagra 100mg UroHealth Daily Viagra generic over the counter

  19. Cheap generic Viagra UroHealth Daily – viagra canada

  20. over the counter sildenafil Generic Viagra online – Sildenafil 100mg price

  22. best price for viagra 100mg viagra without prescription – Viagra online price

  23. Настройка разделения доступа на уровне записей в 1С 8.3 позволяет ограничить видимость документов по складам организациям и контрагентам. В 7.7 такого механизма нет. Внедрите более тонкое управление правами чтобы менеджеры видели только свои заказы а главбух — всё. Повысьте безопасность без лишнего геморроя. Перейти в каталог Печать первичных документов в 1С 8.3 происходит на любом принтере в том числе сетевом и этикеточном с поддержкой штрих-кодов всех форматов. В 7.7 печать чеков этикеток была головной болью. Перейдя вы сможете маркировать стеллажи печатать ценники и этикетки за секунды. Ускорьте отгрузку товара со склада.Перейти в магазин Для торговых компаний с большим ассортиментом 1С 8.3 «Управление торговлей» предлагает многомерный анализ продаж OLAP-кубы недоступный в 7.7. Стройте сводные таблицы по любым измерениям: регион менеджер категория товара — за секунды. Принимайте решения на основе данных а не интуиции ускоряя рост прибыли. Забронировать

  24. Sildenafil Citrate Tablets 100mg cheapest viagra – sildenafil online

  25. сафари на кайте обучение кайту на воде

  26. cheap viagra Buy Viagra online cheap – Viagra without a doctor prescription Canada

  30. рабочее зеркало ева казино

    Когда понадобилось лицензированные казино с нормальным доступом, заодно проверял разные зеркала Eva Casino. Этот вариант оказался полностью рабочим. Вход и бонусы открываются быстро. Пока лучший вариант из тех, что нашел

  34. онлайн казино

    Если нужен eva casino вход через стабильное зеркало, этот вариант сейчас работает лучше остальных. Я проверил несколько ссылок и здесь все открылось без проблем. Пока использую регулярно

  35. Палач впн Наша цель – обеспечить вам максимальную свободу и безопасность в цифровом пространстве делая онлайн-мир доступным и безопасным для каждого.

  36. Generic Viagra for sale buy Viagra over the counter – Generic Viagra for sale

  37. cheap viagra UroHealth Daily Sildenafil Citrate Tablets 100mg

  38. окна на веранду заказать таруса Остеклить веранду в Серпухове Чехове Подольске Заокском Тарусе Ступино или Кременках – значит добавить функциональности и эстетики вашему дому.

  39. eva casino вход

    Искал играть в казино через рабочее зеркало Eva Casino после блокировки основного сайта. Этот вариант оказался рабочим и без лагов. Проверил бонусные страницы и регистрацию. Все функционирует нормально

  41. Buy Viagra online cheap Buy Viagra online cheap – buy Viagra online

  43. казино бонусы 2027

    Когда искал ева казино сайт после блокировки старого домена, пришлось перебрать много вариантов. Этот сайт оказался настоящим и рабочим. Сейчас использую именно его для доступа

  44. казино ру

    Искал казино бонусы 2026 и одновременно проверял рабочие зеркала Eva Casino. Этот сайт оказался полностью рабочим и без лагов. Даже login страница загрузилась сразу. Пока самый стабильный вариант из тех, что нашел

  46. ева казино

    Когда понадобилось актуальное зеркало Eva Casino, пришлось вручную проверять разные ссылки. Большинство уже не работало. Этот сайт открылся сразу и без лишних переадресаций. Сейчас захожу через него регулярно

  49. generic sildenafil UroHealth Daily – cheap viagra

  50. cheap viagra UroHealth Daily – Buy generic 100mg Viagra 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>