0

I have posted a question about automatically dropping the next dropdown after selecting from previous dropdown, but now I'm trying to work it out with chosen jquery plugin.

The solution there is not working if Chosen is plugged in.

I tried fiddling something like this:

$("select").chosen().each(function () {
    $("#select1").on("chosen:hiding_dropdown", function () {

        var $chzn   = $('#select2').next()

        $chzn.find(".chosen-drop").show();

    });
});

But it's not working.. even with slidedown. JSFiddle

Community
  • 1
  • 1
hello
  • 351
  • 3
  • 4
  • 16
  • question: is the markup that you are currently working with the same as the html markup in the previous question? the only difference is that you are using the chosen plugin? – kryptonkal Aug 09 '14 at 12:55
  • @kryptonkal yes, same mark up, no changes. – hello Aug 09 '14 at 12:58
  • have you tried using the built-in chosen events? chosen:hiding_dropdown? change? You could open up the next dropdown on the chosen change event. – kryptonkal Aug 09 '14 at 13:05
  • tried something like this just now: http://jsfiddle.net/betteful/rt97wtqc/8/ not working.. – hello Aug 09 '14 at 15:48
  • you could try $('#select_id').trigger('chosen:open'); – kryptonkal Aug 14 '14 at 23:09

0 Answers0