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

在 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

<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');

Chosen 创建自己的 div 并将您的“select_ID”转换为这些 div 的“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"。在我的代码中，我有 和 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
    })