如何打开通过JavaScript选择？

Question

我需要通过JavaScript打开Chosen dropdown，所以用户不必点击选择显示它，这怎么做？

Answer 1

这解决了问题，

只是确保chzn，选择是你选择的ID 。

chzn降将用户后保持打开点击一个选项：

 $('#chzn-select').change(function(event) 
     { 
      $('.chzn-drop').css('left', 0); 
     }); 

Answer 2

您可以通过执行打开通过JS一个选择选择框：

$('#<id-of-your-select>_chzn').trigger('mousedown'); 

其中<id-of-your-select>是你<select>元素的id。

对于例如：如果你的<select>元素就像<select id="foo" ...>，那么上面的代码将变为：

$('#foo_chzn').trigger('mousedown'); 

Answer 3

@ tzvi的答案是有价值的在你试图触发选择的事件，以便它选择后保持打开状态（IE：一次做多个选择）。请允许我这个扩展位（更新选择1.0，顺便说一句）：

$('#selectbox').change(function() { 
    $('#selectbox_chosen .chosen-drop').css('left', '0'); 
}); 

$('html').click(function() { 
    $('#selectbox_chosen .chosen-drop').css('left', ''); 
}); 

$('#selectbox_chosen .chosen-drop').click(function(e) { 
    e.stopPropagation(); 
}); 

本质上，它迫使选择下拉留通过覆盖一些CSS由“积极”级通常是开启到位。然后我们有几个点击事件，如果你点击下拉以外的任何地方，就会撤消这个事件。为我完美工作。

编辑： 顺便说一句，如果你真的想要触发下降通过JS下来，用获选1.0的API：

$('#selectbox').trigger('chosen:open') 

在原来的问题的情况下，这将让你打开该框或在选择之后重新打开框。但是，选择后（但不关闭一会儿），它不会保持打开盒子。

Answer 4

您可以将以下两行添加到您的代码中，它将保持您的选择始终打开。它为我工作。

list_start是您选择的元素ID。

("#list_start").trigger('chosen:open'); 
$('.chosen-drop').css('left', 0); 

Answer 5

在更新的Chosen jquery plugin以下工作正常与stopPropagation。

$("#selectbox").trigger("chosen:open"); \t \t \t 
 
event.stopPropagation();

$(document).ready(function() { 
 
    $("#selectbox").chosen({}); 
 
    $("button").click(function() { 
 
    $("#selectbox").trigger("chosen:open"); 
 
    event.stopPropagation(); 
 
    }); 
 
});

#selectbox { 
 
    width: 140px 
 
}

<link href="http://harvesthq.github.io/chosen/chosen.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js"></script> 
 

 

 
<select id="selectbox"> 
 
    <option val="option1">Option 1</option> 
 
    <option val="option2">Option 2</option> 
 
    <option val="option3">Option 3</option> 
 
    <option val="option4">Option 4</option> 
 
    <option val="option5">Option 5</option> 
 
    <option val="option6">Option 6</option> 
 
</select> 
 

 

 
<button>Trigger Chosen</button>

Answer 6

这是很奇怪，但我觉得答案是使用超时

它在某种程度上NEET超时第一 也许是因为我的元素被克隆 希望有用fo -R其他

setTimeout(function(){ firstElement.trigger("chosen:open"); }, 100);