Jquery Chosen专注于页面加载（onLoad？）

我在选择框中使用了Jquery Chosen插件，但是我想把它集中在页面加载上。 我使用以下代码来聚焦文本输入：

onLoad="document.forms.sales_order_form.customer.focus()" 

但这对选择框不起作用：

Answer 1

在Chosen 1.0中，此命令现在是：

 $('.my_select_box').trigger('chosen:activate'); 

看到这里 。

Answer 2

如果您使用第一个示例（标准选择框），您可以使用：

 jQuery(document).ready(function($) { $('.chzn-drop .chzn-search input[type="text"]').focus(); }) 

Answer 3

  abc def ghi  ... $("#myselect_chzn").children('.chzn-drop').children('.chzn-search').children('input[type="text"]').focus(); $("#myselect_chzn").addClass('chzn-container-active'); 

选择创建拥有div并将“ select_ID ”转换为“ select_ID_chzn ”以用于这些div

Answer 4

这对我有用：

 $("select.ProductIDDropDown").chosen(); $("select.ProductIDDropDown").trigger("liszt:activate"); 

或缩短它

 $("select.ProductIDDropDown").chosen().trigger("liszt:activate"); 

Answer 5

这完全解决了我的问题：

 $('.chzn-drop .chzn-search input[type="text"]').focus(); $('.chzn-container').addClass('chzn-container-active'); 

Answer 6

这对我有用

 jQuery("#fltrPerson_chzn a").addClass("chzn-single-with-drop"); jQuery(".chzn-drop").css({ "left": "0px", "top": "24px" }); 

Answer 7

我一直在寻找StackOverflow这个解决方案，以便在我的一个项目中使用。 经过大量的搜索后，我学到了一些东西但没有得到适当的解决方案。 最后我修复了我的问题如下：

我使用的是"jquery-1.10.2.min.js"和"Chosen v1.0.0" 。 在我的代码中，我有和jquery $("#sel_product").chosen() 。 为了增加焦点，我在元素的ID之后添加了’_chosen’并调用以下函数：

 $('#sel_product_chosen a.chosen-single').focus(); 

我的最终代码是：

 $(document).ready(function(){ $("#sel_product").chosen(); $('#sel_product_chosen a.chosen-single').focus(); }); 

现在它完美无缺。