Jquery选择关注页面加载（onLoad？）

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

在选择的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，然后将这些div的“ select_ID”转换为“ select_ID_chzn”

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()。为了增加焦点，我在元素ID后面添加了“ _chosen”，然后调用以下函数：

$('#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
    })