Question

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

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

但这对选择框不起作用：

<select data-placeholder="Select a Customer..." class="chzn-select" name="customer" style="width:400px;">
    <option value=""></option>
</select>

Answer 1

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

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

请参阅here。

Answer 2

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

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

Answer 3

<select id="myselect">
    <option value="1">abc</option>
    <option value="2">def</option>
    <option value="3">ghi</option>
</select>

...

      $("#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"。在我的代码中，我有<select id="sel_product">和jquery $("#sel_product").chosen()。为了增加焦点，我添加了＆＃39; _chosen＆＃39;在我的元素ID之后，调用以下函数：

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

我的最终代码是：

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

现在它工作得很好。

Answer 8

我知道这是一篇老文章...但是值得一提的是，以下也是一个选择...

  $('select').chosen().on('chosen:showing_dropdown', function () {
        //do something
    })

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

8 个答案: