Rails dynamic dropdown not updating

[reckerswartz]

I using materialize-sass gem in my rails application. In my application I need to alter the second drop-down menu on based of first drop-down selected options.

My JS var branch = $('#user_branch_id').html(); $('#user_course_id').change(function(){ var selectedCourseCategory = $('#user_course_id :selected').text(); var optgroup = "optgroup[label="+ selectedCourseCategory + "]"; var branchOptions = $(branch).filter(optgroup).html(); console.log(branchOptions); if (branchOptions) { $('#user_branch_id').html(branchOptions);

  $('#user_branch_id').trigger('contentChanged');

  $('select').on('contentChanged', function() {
          // re-initialize (update)
        $(this).material_select();
    });

}

}); }

HTML------------------------------------------------------------------------------------

<%= f.collection_select :course_id, Course.order(:name), :id, :name, include_blank: 'Select an Course...' %>

```

<%= f.grouped_collection_select :branch_id, Course.order(:name), :branches, :name, :id, :name, include_blank: 'Select an Branch...' %>

``` ##

Its changing the elements when inspected using developer tools but it seems that materialize-sass creating another dropdown to display

▼

• Select an Branch...
• postgraduate
• MCA
• undergraduate
• BCA
• BTECH

--------------------------------------------------------below it which is altered using java script-------- MCA

---

How can i create dynamic drop-down and also show the chances in real time.

For reference you can look into the file @ https://ide.c9.io/reckerswartz/mgr

[mkhairi]

try check with latest release of materializecss. closing old issue.