I have a <table> tag with many <td> tags. The code below works fine when applied to one <td>tag. (I want different css code to be applied to <td>tags depending on select option!!) text worker on('change:maptile_5a', () => { getAttrs(['maptile_5a'], v => { const modifier = v.maptile_5a; setAttrs({ mod_maptile_5a: modifier }); }); }); I found this link and modified it in several suggested ways. But it doesn't work. <a href="https://wiki.roll20.net/UniversalSheetWorkers" rel="nofollow">https://wiki.roll20.net/UniversalSheetWorkers</a> Here is my code.... text worker const maptds =['maptile_5a','maptile_5b','maptile_5c','maptile_5d','maptile_5e','maptile_5f','maptile_5g', 'maptile_5h','maptile_5i','maptile_5j','maptile_5k','maptile_5l', 'maptile_5m','maptile_5n','maptile_5o']; maptds.forEach(stat => { on('change:${stat} sheet:opened', () =>{ getAttrs([stat], values =>{ const modifier = values[stat]; setAttrs({ ['mod_${stat}']:modifier }); }); }); }); Here is my html code HTML <input type="hidden" class ="maptile" name="attr_mod_maptile_5a" value="none"> <td class="col_a"> <select class = "drawmap" name="attr_maptile_5a"> <option value ="none" selected>none</option> <option value="underground">underground</option> <option value="fire">fire</option> <option value="smoke">smoke</option> <option value="lightdarkness">lightdarkness</option> <option value="darkness">darkness</option> </select> </td> <input type="hidden" class ="maptile" name="attr_mod_maptile_5b" value="none"> <td class="col_b"> <select class = "drawmap" name="attr_maptile_5b"> <option value ="none" selected>none</option> <option value="underground">underground</option> <option value="fire">fire</option> <option value="smoke">smoke</option> <option value="lightdarkness">lightdarkness</option> <option value="darkness">darkness</option> </select> </td>