javascript - Setting a CSS rule based on a selection in a drop down -

javascript - Setting a CSS rule based on a selection in a drop down -

i have text boxes , drop downs pairs id generated dynamically. i'm trying set css rule (class) on text box based on selection in drop down. have index on drop downwards used derive id of dropdown dynamically. how set css rule on text boxes. if seek set class using javascript, alter doesn't reflect till refresh page.

i'm open utilize plain javascript or jquery or mix of both.

add class select can select them jquery easier.

<div> <select id="generated1234" class="cssrule"> <option value="class1">class #1</option> <option value="class2">class #2</option> </select> <input type="text" name="generated1234_text"/> </div>

jquery code, assuming input textbox sibling of select. may need alter lastly line select right textbox.

$(document).ready(function(){ $('select.cssrule').change(function(){ var $this = $(this); var classname = $this.val(); $this.siblings('input[type=text]').attr('class', classname); } }

javascript jquery css