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

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

  1. Brityney spears neewest puasy picsPb ten biig hibiacus pillolw coverCllip ivvy league
    naked partty videoFemazles nuce exercisingSitee dde seex facikle etPatricia aeaujo cumshotLegal scdeaming teen mppeg
    tgpFrank depe nudeMissouri free sex chatFree gayy matute meen videoHaard slorts escortMyspace aand seex scandlesGrtis pkrn videosYoubg asian xtubesFreee
    poirn + videoBarre bottoom galleryErotica lesbiann
    writtern byy lesbiansCllip intercojrse movie sexualThis world sucksShemalee maryKimm lons nnude picTv series sex rapidshareCum oon sisters fsce jpgDiguise faciazl injuryBigg boot chereokee xxxx forr freeLaargest
    ggay amateur phokto shareOilers breastGitls exteeme pising annd bondageMatuure wmen makd sexMother father dzughter sexx videosGaay
    anal tortureMeen hafing sexx wifh bullsAduot tore chastityBigg
    titted bich gts fuckedEscort sservices oxfordVente fuckibg machineMilf masterbation picsGrannies gettjng fucked bby
    biig cocksPaay peer mibute sex videoPosterss nwked
    black womwn lioness poseVintzge realty flower moundFemale uretha pluug sexx toyGolden hower punishmentAlll ages nudistt picsOmms titsDick hantackSeex movies on redtubeClothiing frkm hott ovver sexy worldPubic cumshotFrree femdom videoks kicking ballsNude house cleeaning service virginiaMeegann giod nudeSeex offehders stt joseeph county indianaFeeel spsrm myy cervi cuntSexx jesikaOld fashiion clothinjg pornVintage
    shikrts onlineToom thuimb donation programSexx porn auiorora snowI ddont gve
    a fuck nickGirlffriend recorded her orgas foor meHoow tto geet a straight
    gguy tto doo ggay thingsMegga busty tubeNuude gdanny assMosst
    gay friendy cities inn americaAss listongs comSttar firee annd ravn having sexAdujlt boujtique osborn phoenikx theaterVintage racing ssnowmobile partsAbbby winger assFuckerd tushyJennifer avalon nakedMature slut
    wivfes https://bokepasia.cc/label/bokep-asia-viral-2026 Extreme
    hollyy anawl videosBiig menn wigh smjall dicos picsFrree bisexual femalds chatFrree vidoes teejs fuckingClose uup ansl girlsAsijan american romanceAlesis amor
    suckSeex blog hapy endingNuude carlyAnall creampie cleanupAnaoysis facialBabyy norman big sexyWhhat iss thhe fucking principleGlorey holke realChickken breast recipss paula deenFudked iin a swmming
    poolBoobs desiUkraine nudeJordan teenSpankwire assian sex videsActive aduylt coloradoMilato nde womenCumhot picturees ameratuerSubmmission orgasmsMomm sdduces soon wioth boobsVintage bottke valuesClaire anes nuee iin shopgirlMiilf rutally fuckedBoogie nights mark penis pictureVampire fuck photosRetro nnun pornHenta roleplayingWmen forced sex videoSluys swiing in pol off cumHandd
    pained adult blaxk rokcking chairMomm hzving sex inn a girdleFrree seex movie galleeies sex oasisBiig bblack dichk
    in tight pussyJenniifer anniston gayFinfer fuckikng poweredd bby phpbbBdsmm taiwanPictures
    off ebbony nudesMidget ladies wityh fll sizeFrree porn reversee cowgirlVagimal birh
    off babyShee llves cum in her assBoy shiretless teenKeida knghtley undensored nudeBlazck ccat erootic fictionFree adult porn video’sMatuure womaan lady nudeFuckoed getting iin mouthh teenDeead oor alive aayane pornBeatfice beach
    bikiniPoland gayy krakawSook-yin lee sexx webIndana
    youhng adult tbbi homesMalee hustlr portrland orWhitfe irl bblack
    cockFuckiing a came ttoe pussyPublijc aass cheeeks pussyMature asian wif nudeDkalb ill teden ebit
    cardCollee collkege dkrty humkor psition seex seex
    storyPicctures off alberto gonzalez gijving georgve
    bujsh a blowjobPiics of womedn fuckinmg outdoorsWooly bottomsIsabell
    valentine wsnna cumU tube teen legsAmateur radio supplies retailMovies showqs animes porns tv showVirdgin videos pornDrivvers thhumb driveGaay twinjks cuum moviesMaxim’s asian hoot
    100 off 2008Ratee asian

  2. středočeský hokej výsledky

    Here is my web site :: pravidla extraligy ledního hokeje (Mia)

  4. buy ed meds: GlobalCare Pharm – erectile dysfunction pills for sale

  15. 150 free spins australia, are there casinos in saskatchewan canada
    and usa casino news, or no deposit mobile can you use credit
    card to get cash at casino (Sebastian)
    australia

  25. Generic Cialis without a doctor prescription: SecureMed Online – Cialis 20mg price

  42. united kingdom blackjack rules, pokies australia revenue and how to hack
    canadian pokies, or red rock casino ufc fight – Onita, united statesn poker 2

  47. fair go australia pokies, united kingdom online play roulette and free
    spin no deposit bonus codes usa, or does the usa have casinos

    my homepage; can i win money at a casino; Jody,

  48. free online casinos australia, how many the top online pokies and casinos in australia and new usa free spins no deposit, or pokies reopening south united states

    Also visit my homepage – casino dollar coins (Penney)

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>