Jquery iterate through multiple select options in a specific div

Question

I want to iterate through multiple select options in a specific div via Jquery each function. And after that if there is atleast one empty field, the loop breaks and set 0 to reqCourseFlag variable.My implementation is below but it does not looping through

HTML:

 
                                        
                                            
                                                Please select your grades for required courses.
                                                
                                                    
                                                        IENG 102 - Intro to IE:
                                                    
                                                    
                                                        
                                                    
                                                
                                                
                                                    
                                                        IENG104 - Comp. Aided Drawing:
                                                    
                                                    
                                                        
                                                    
                                                
                                                
                                                    
                                                        IENG 211 - Prob. In Eng.:
                                                    
                                                    
                                                        
                                                    
                                                
                                                
                                                    
                                                        IENG 212 - Eng. Statistics:
                                                    
                                                    
                                                        
                                                    
                                                
                                                
                                                    
                                                        IENG 221 - Work Syst. Analysis and Design:
                                                    
                                                    
                                                        
                                                    
                                                
                                            
                                        
                                    



   $('div.#IENG349ReqCourses: select> option:selected').each(function() {
        var value = $(this).val();

        if(value === ""){
            reqCourseFlag = 0;
            return false;
        }
    });

Any help would be appriciated.

caspian · Accepted Answer

Your selector is incorrect, you don't need the . or the :

  $('div#IENG349ReqCourses select> option:selected').each(function () {

demo http://jsfiddle.net/Xr5LL/

Jquery iterate through multiple select options in a specific div

Answers (1)

Related Questions