Disable a <DIV BLOK ...

HEJ,


I en tabel har jeg en <SELECT> i en <DIV- blok. I denne DIV blok genererer et JS-script en tabel med 10 personnavne - sammen med den individuelle styling (CSS'en) og en option. Person 1 = option 1 .. Person 10 = option 10. Et onClick JS-script henter personens data (fra ovennævnte Array) og lægger data ind i aktuelle <input type="text" .. via en JS getElementByID(.. .
Alle <input's er defaultet som ReadOnly = true.

Dette virker og kører perfekt.

Nu trykker jeg på REDIGER-button'en.

Jeg skifter alle <INput's til ReadOnly= false (en script rutine), men min <DIV blok med selecten vil ikke DISABLES og giver mig en fejl om dette. Skiftet til ReadOnly = false volder ingen problemer.

Tanken er, at når en person "skal redigeres" (herligt udtryk forøvrigt!) må jeg ikke kunne vælge en ny midt i processen, og derfor skal valglisten disables, når jeg trykker på REDIGER. 

Måden jeg har løst det på er følgende:  Jeg genererer 2 <div SELECT blokke med ens data. Den ene er defaultet DISABLED (det virker !) og attribut HIDDEN. Den anden (den valgbare) bliver som default sat display = block , så den vises. Det er så bare at skifte mellem de 2 blokke.

Men jeg finder ikke den løsning særlig elegant. Findes der en anden smartere løsning ?

Gerne i JQuery - som jeg godt nok er newbie i, men jeg SKAL lære det.

Problemet er der også når jeg skal hente nye personer og slette "gamle" ...



Kristian