选择jquery插件：如何用javascript打开下拉列表？

Question

我正在使用Chosen jQuery plugin。我试图通过javascript打开下拉列表。具体来说，我希望在从上一个下拉列表中选择一个选项后打开一个下拉列表。

我试过这个（select1是上一个下拉列表，select2是下一个下拉列表）：

$("select").chosen();

$("#select1").next().bind("click", function () {

      $('#select2').trigger('chosen:open');

});

但它没有用。

Answer 1

试试这个：

HTML：

<select id="select1">
  <option>option 1</option>
  <option>option 2</option>
</select>
<select id="select2">
  <option>option 1</option>
  <option>option 2</option>
</select>
<select id="select3">
  <option>option 1</option>
  <option>option 2</option>
</select>

Javascript：

$('select').chosen()

$('select').on('chosen:hiding_dropdown' , function(){
  var that = this;
  setTimeout(function(){
    $(that).nextAll('select').first().trigger('chosen:open');
  } , 200);
})

http://jsfiddle.net/yann86/5c2tfwze/