Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: How to programmatically set a value SELECT

Supplier Management pro asked 7 years ago 

how to select the option value "H" without using the method $('.select-dropdown li:contains("H")')?PleaseBecause I have a lot of list to select with options that start with an H.

<form class="form-inline"><select class="mdb-select colorful-select dropdown-primary" id="selectGender"><option value="" disabled selected>Sexe</option><option value="H">Homme</option><option value="F">Femme</option></select></form>
                
                  

                
                
                

                  
                  
                  
                    

                    

                      
                        
                      
                    

                  
                

                
              

              
              
            

            
            
              
                
                
                

                  
                  

                    

                      
                      Mikołaj Smoleński
                      staff
                        answered 7 years ago
                    

                    
                  


                  


                  
                  
                  

                    I suggest to try this:

$('#InitialManager').change(function () { 
  var values = $(this).val();
  console.log(values);
});

Regards
                    
                      

                    
                    
                    

                      
                      
                        
                        
                          
                          
                          
                            

                              Mikołaj Smoleński
                              staff
                              commented 7 years ago
                              
                            

                            If You want to select options programmatically You just need to create an array with option values and put it inside val(...)
                          
                          
                          
                            

                          
                        
                          
                          
                          
                            

                              Mikołaj Smoleński
                              staff
                              commented 7 years ago
                              
                            

                            For example:
     
optionValues = ['2', '3'];
$('#InitialManager').val(optionValues);
var values = $('#InitialManager').val();
console.log(values);
                          
                          
                          
                        
                      
                      
                        
                          

                        
                        

                          
                            
                          
                        

                      
                    

                    
                  

                  
                

                
              
                
                
                

                  
                  

                    

                      
                      Supplier Management
                      pro
                        answered 7 years ago
                    

                    
                  


                  


                  
                  
                  

                    Hello Mikolaj,

Thank you for this solution!

Thank you also for your support.
                    
                      

                    
                    
                    

                      
                      
                      
                        
                        

                          
                            
                          
                        

                      
                    

                    
                  

                  
                

                
              
                
                
                

                  
                  

                    

                      
                      Supplier Management
                      pro
                        answered 7 years ago
                    

                    
                  


                  


                  
                  
                  

                    Thank you for your reply.

the problem was that it needed to reset the Material_select

.$ ( '. Mdb-select') material_select ('destroy');
$ ( "[Id = selectGender]") val ("H").trigger( 'click');
$ ( '.mdb-select.') Material_select ().

I have another question, how to select multiple options in a select?

I tried this, but it does not work.

for (i = 0; i < data.InitialManager.length; i++)
{

$("[id=SelectHospital]").val(data.InitialManager[i].Id).trigger('click');
};

 

<form class="form-inline">

<select class="mdb-select colorful-select dropdown-primary" id="InitialManager" multiple >
<option value="" disabled selected> Gestionnaire</option>

<option value="1">option 1</option>

<option value="2">option 2</option>

<option value="3">option 3</option>

<option value="4">option 4</option>
}

</select>
</form>
                    
                      

                    
                    
                    

                      
                      
                      
                        
                        

                          
                            
                          
                        

                      
                    

                    
                  

                  
                

                
              
                
                
                

                  
                  

                    

                      
                      Mikołaj Smoleński
                      staff
                        answered 7 years ago
                    

                    
                  


                  


                  
                  
                  

                    My another idea is to fix it like this:

$('[id=selectGender ]').val( "H" );

Regards
                    
                      

                    
                    
                    

                      
                      
                      
                        
                        

                          
                            
                          
                        

                      
                    

                    
                  

                  
                

                
              
                
                
                

                  
                  

                    

                      
                      Supplier Management
                      pro
                        answered 7 years ago
                    

                    
                  


                  


                  
                  
                  

                    Hello Mikolaj,

thanks for the response.

I already tried this--> $('#selectGender li:contains("H")').trigger('click');

But no change.

Is there not another possibility to select the option?

 

<form class=”form-inline”>

<select class=”mdb-select colorful-select dropdown-primary” id=”selectGender”>

<option value=”” disabled selected>Sexe</option>

<option value=”H”>Homme</option>

<option value=”F”>Femme</option>

</select>

</form>

 
                    
                      

                    
                    
                    

                      
                      
                      
                        
                        

                          
                            
                          
                        

                      
                    

                    
                  

                  
                

                
              
                
                
                

                  
                  

                    

                      
                      Mikołaj Smoleński
                      staff
                        answered 7 years ago
                    

                    
                  


                  


                  
                  
                  

                    Hi,

Try to fix it like this:

$('#selectGender li:contains("H")')

By using id instead of class You apply function to exactly one select

Regards
                    
                      

                    
                    
                    

                      
                      
                      
                        
                        

                          
                            
                          
                        

                      
                    

                    
                  

                  
                

                
              
            
            
              
              

                
                

                  

  
  
  
  


                

                
                
                

                  
Write

                  
                     Create snippet
                  
                

                

                
                

                  

                    
                    

                      
                      
                      

                      

                        Please insert min. 20 characters.
                      

                      

                        
                          
                        
                      

                    

                  

                

                
              

              
            
          

          
          
          


            

  
  

    

      
FREE CONSULTATION

      
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

    

  

  





  

    

      
      
      
      
      
    

  

  
  

  




            
            

              
              
Status

              

              
              

                

                  

                    
                    Resolved
                  

                  
                

                
              

            

            

            
            
            

              
              
Specification of the issue

              

              

                
    
                  
  • 
                    ForumUser:
                    
                      Pro
                    
                  
    • 
                  
  • 
                    Premium support:
                    
                      No
                    
                  
    • 
                  
  • 
                    Technology:
                    
                      MDB jQuery
                    
                  
    • 
                  
  • 
                    MDB Version:
                    
                      -
                    
                  
    • 
                  
  • 
                    Device:
                    
                      -
                    
                  
    • 
                  
  • 
                    Browser:
                    
                      -
                    
                  
    • 
                  
  • 
                    OS:
                    
                      -
                    
                  
    • 
                  
  • 
                    Provided sample code:
                    
                      Yes
                    
                  
    • 
                  
  • 
                    Provided link:
                    
                      No
                    
                  
    • 
                

              

              

              
              
                
                

                  
                  
Tags

                  

                  
                  

                    
                  

                

                
              

              
              
                
                

                  
                  
About author

                  

                  
                  

                    
                  

                  

                    
                    

                      
                        Supplier Management
                      
                    

                    
                    
                    Pro User
                    
                    

                    
                    
                      10Support score
                    
                    

                    
                      3Questions
                    
                    
                      3Answers
                    

                    
                    
                      0Snippets