How to add Drop-Down list (<select>) programmatically?

Question

I want to create a function in order to programmatically add some elements on a page.

Lets say I want to add a drop-down list with four options:

<         


        

Answer 1

Here's an ES6 version, conversion to vanilla JS shouldn't be too hard but I already have jQuery anyways:

function select(options, selected) {
  return Object.entries(options).reduce((r, [k, v]) => r.append($('').val(k).text(v)), $('')).val(selected);
}
$('body').append(select({'option1': 'label 1', 'option2': 'label 2'}, 'option2'));




    

             

                                                        
            
            

              
                
                0
              
                   
                
               讨论(0)
              
                                                  
              
              

                          
             
       
          
              
                                       

     查看其它9个回答


            
                         

                    



               
            

    发布评论:
    

         
                        
    

提交评论