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

  4. Unm Pharm: order kamagra from mexican pharmacy – best mexican pharmacy online

  5. Unm Pharm Unm Pharm legit mexican pharmacy without prescription

  6. canada drugstore pharmacy rx: Nyu Pharm – cheap canadian pharmacy online

  7. global pharmacy canada: canadian mail order pharmacy – rate canadian pharmacies

  8. canada drugs online review: Nyu Pharm – canadian pharmacies comparison

  9. best mexican pharmacy online Unm Pharm buy from mexico pharmacy

  12. mexican border pharmacies shipping to usa: mexico drug stores pharmacies – Unm Pharm

  13. Umass India Pharm: indian pharmacy paypal – cheapest online pharmacy india

  14. indian pharmacy india pharmacy mail order Online medicine home delivery

  15. medicine in mexico pharmacies: Unm Pharm – Unm Pharm

  17. canadian pharmacy 24h com: best canadian online pharmacy – safe online pharmacies in canada

  18. buying drugs from canada: buying from canadian pharmacies – canadian drug

  21. mexican border pharmacies shipping to usa: Unm Pharm – mexican online pharmacies prescription drugs

  22. canadian pharmacy 24: onlinepharmaciescanada com – legitimate canadian pharmacies

  23. canadian pharmacy online my canadian pharmacy review canadian pharmacy ed medications

  26. low cost mexico pharmacy online: rybelsus from mexican pharmacy – Unm Pharm

  27. medication canadian pharmacy Nyu Pharm reliable canadian pharmacy

  28. Umass India Pharm: india pharmacy – Umass India Pharm

  30. Unm Pharm buy modafinil from mexico no rx real mexican pharmacy USA shipping

  31. thecanadianpharmacy: Nyu Pharm – canadian drug pharmacy

  33. legit canadian pharmacy online Nyu Pharm reliable canadian pharmacy reviews

  35. Unm Pharm: zithromax mexican pharmacy – Unm Pharm

  37. onlinepharmaciescanada com: canadian pharmacy review – canadian online pharmacy

  38. maple leaf pharmacy in canada Nyu Pharm cross border pharmacy canada

  39. Alternatively, you might relax in your 5-star hotel room and take in the beautiful scenery from your suite.
    Before you attend the latest stage play, meet up with friends and have a meal before the night
    begins, or taste from the incredible buffet. There are over six restaurants, and their website offers a handy online table reservation option.
    After hours, choose from outdoor bars, sports bars, or the neighborhood’s hotspot, The Atrium Bar.
    You may enjoy lush manicured grounds, an enviable location, and five-star comfort whether you stay at The Star Grand
    or The Darling. There are also spa services, an outdoor pool area, and private cabanas.

    With the redesigned private gaming rooms Sovereign and Oasis, the land based casino delivers the finest in premium gaming experiences.
    Mississippi stud poker, three card poker, Caribbean stud
    poker, and Texas Hold ’em bonus poker are among the poker games available on the casino floor.
    Only two poker tables are available in the poker room,
    with the majority of the games being Texas Hold ’em ($2/$3).
    After you’ve finished spinning the reels, walk over to the table games area to try your hand at
    your favorite table casino games. More information on premium membership access and advantages will
    be sent to eligible members.

    References:
    https://blackcoin.co/richard-casino-review/

  40. Unm Pharm: Unm Pharm – real mexican pharmacy USA shipping

  42. The combined effect of these policies is to change the terrain for asylum cases at both USCIS and in immigration court,
    while also broadening the pool of people facing potential deportation through reopened proceedings.

    Instead of litigating asylum cases to conclusion,
    ICE is asking immigration judges to dismiss cases and allow
    deportation elsewhere. In immigration court, the administration’s
    focus on third-party countries such as Guatemala, Honduras, Ecuador, and Uganda signals a shift in how removals
    may be pursued for people who have sought asylum. One initiative seeks
    to end asylum cases before immigration judges, another pauses decisions at USCIS, and another
    reopens existing cases that can place immigrants back into removal proceedings.
    The scale of the combined actions remains difficult
    to capture in a single number, because the ICE filings concern more than 8,000 asylum cases in immigration court while the
    USCIS step addresses pending asylum applications without
    specifying a count in the announcement. That shifts the role of immigration judges from deciding asylum cases on their merits to deciding
    whether the government can close the cases and pursue removal on a
    separate track.
    The Darling is in close proximity to the gambling floors of The Star Casino and many high rollers stay here.
    Sydney Casino sits comfortably among the best pokies venues in NSW, with their
    status protected by a deal which stops Crown Sydney from
    hosting poker machines until 2041. The Star sits comfortably
    among the best gambling venues in Australia, with it a popular tourist
    attraction and nightlife destination for locals.
    What is clear is the administration is acting across multiple channels of the immigration system at the
    same time. The administration’s halt applies to adjudication of all asylum applications for individuals regardless of nationality.
    By stopping decisions on pending asylum applications
    while continuing to accept new filings and conduct interviews,
    USCIS is maintaining intake and screening steps without issuing grants or denials.

    References:
    https://blackcoin.co/crypto-casinos-top-sites-in-2025/

  45. canadian mail order pharmacy: Nyu Pharm – canadian drug

  46. order from mexican pharmacy online Unm Pharm Unm Pharm

  47. This is amazing as it lets you see which games you are
    eligible to play with your bonus funds instead of reading the T&Cs, trying to find out.
    There are over 20 bonuses for regular players, available daily
    and weekly, on top of a loyalty program, a fortune wheel, and a 7% cashback bonus up to $5,000.
    Stay Casino makes a top case for itself with some of the most varied bonuses on the Australian online gambling market, along with a great pokies selection to back it
    up. Good bonuses for both new and existing players?

    Please note that Slotsspot.com doesn’t operate any gambling services.
    These progressive slots show just how high real-money stakes can climb.

    ✅ 24/7 support for gambling, mental health, and addictions It’s a crucial part of making sure your gaming remains enjoyable over the long term.
    Responsible gambling means setting clear boundaries, making informed decisions, and recognizing when your
    behavior is shifting into risky territory.
    The legal framework for USA online gambling is in a constant state of flux.
    This model is particularly popular in states where traditional online gambling is restricted.
    The escalating popularity of online gambling has contributed to an exponential increase in available
    platforms.

    References:
    https://blackcoin.co/lapilanders-casino/

  48. Once logged in, players can easily access features such as deposit limits, timeouts and introduce themselves
    to the self-limiting options. With just a few clicks to
    create an account or log in, you’ll gain instant access to tailor-made bonuses, fluid gameplay, and fortified security measures.

    Gambling should always remain a form of entertainment, not a way to make money, and we actively support players
    in staying in control of their experience. The welcome
    bonus is automatically credited once your deposit is verified, allowing you to start playing with extra funds and
    free spins on popular pokies.
    These typically include free spins on popular titles like Wolf Treasure or
    Starburst upon registration. Self-exclusion is available by contacting support, and links to external help services are offered in the site footer.
    These conditions require you to wager the bonus amount a certain number of
    times before withdrawing any winnings.

    References:
    https://blackcoin.co/the-star-gold-coast-ultimate-casino-guide/

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>