jquery dynamic drop down list example

Example: jquery dynamic drop down list example

HTML:


    
          Name
          Company A
          Company B
    


    
          Products
    

JavaScript

var series = [
{name: 'Company A', product: 'A1'},
{name: 'Company A', product: 'A2'},
{name: 'Company A', product: 'A3'},
{name: 'Company B', product: 'B1'},
{name: 'Company B', product: 'B2'}
]

$(".company").change(function(){
    var company = $(this).val();
    var options =  'Products'; //create your "title" option
    $(series).each(function(index, value){ //loop through your elements
        if(value.name == company){ //check the company
            options += ''+value.product+''; //add the option element as a string
        }
    });

    $('.product').html(options); //replace the selection's html with the new options
});