change on select with javascript 1

change on select with javascript

$("#select1").change(function() {
  if ($(this).data('options') === undefined) {
    /*Taking an array of all options-2 and kind of embedding it on the select1*/
    $(this).data('options', $('#select2 option').clone());
  }
  var id = $(this).val();
  var options = $(this).data('options').filter('[value=' + id + ']');
  $('#select2').html(options);
});

Here is what the above code is Doing:
1. When the page loads, it clones the options from select2 and stores it in the data of select1.
2. When the value of select1 changes, it filters the options of select2 based on the value of select1.
3. It then replaces the options of select2 with the filtered options.

Similar Posts