JSFiddle - React, Tailwind, and code Playground

by kneidels

HTML

<div class="paymentRow well well-small" >
											
											
					 <div class="row-fluid formSep">					
								
                
                
                <div class="span3 yearHolder" id="yearHolder" style="">
                	<label>שנת תקציב  <span class="ewmsg">*</span></label>
                    <select name="yearBudget" id="yearBudget" class="required yearBudget valid" title=" " aria-required="true" aria-invalid="false">
                    	
                        	<option value="5780">תש"פ</option>
                        
                        	<option value="5779" selected="selected">תשע"ט</option>
                        
									<option value="5778">תשע"ח</option>
								
                    </select>
                
                
                </div>
											
		
											
			</div>						

                 
	 <div class="span3">
                         
                        <div class=" groupUnit">
                        <div class="pull-right">
               			<label>נהנים <span class="ewmsg">*</span></label>
                        
                        <select name="studyGroups" id="studyGroups" class="" title=" " multiple="multiple" >
                        
                
                    <option value="446" selected="selected">ט '1</option>
                
                    <option value="447" selected="selected">ט' 2</option>
                
                    <option value="473" selected="selected">ט תקשורת</option>
                
                    <option value="455" selected="selected">י' 3</option>
                
              
                        </select><div class="chosen-container chosen-container-multi chosen-rtl" title=" " id="studyGroups_chosen" style="width: 220px;/*! color: red; */">gggg
  
</div>
                        </div>
                        
                     
                        
                        </div>
                         
                 ...

CSS

div { border: 1px solid #333;}

JavaScript

$("#yearBudget").change(function(){
	  var	parentRow = $(this).parents(".paymentRow");
    
    
    
		var studyGroups = parentRow.find("select[name=studyGroups]");
		var studyGroupsID = studyGroups.attr("id");
  //  studyGroups.css({'background-color':'red'});
    studyGroups.css({'border':'1px solid #333'});
		alert(studyGroupsID);

})