Jquery 选择专注于页面加载（onLoad？）答案

【问题标题】：Jquery Chosen focus on page load (onLoad?)Jquery 选择专注于页面加载（onLoad？）
【发布时间】：2011-11-26 21:09:44
【问题描述】：

我在选择框上使用 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>

【问题讨论】：

标签： jquery forms onload

【解决方案1】：

在 Chosen 1.0 中，这个命令现在是：

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

见here。

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案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”

【讨论】：

【解决方案4】：

这对我有用：

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

或将其缩短为

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

【讨论】：

为Version 0.9.11工作

【解决方案5】：

这完全为我解决了这个问题：

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

【讨论】：

【解决方案6】：

这对我有用

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

【讨论】：

【解决方案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();
});

现在它运行良好。

【讨论】：

【解决方案8】：

我知道这是一篇旧帖子...但值得一提的是，以下也是一个选项...

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

【讨论】：