Jquery Chosen фокусируется на загрузке страницы (onLoad?)

Я использую плагин 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>

Ответы

Ответ 1

В Chosen 1.0 эта команда теперь:

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

Смотрите здесь.

Ответ 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');

Выбранный создает собственные div и преобразует ваш "select_ID" в "select_ID_chzn" для этих divs

Ответ 4

Это сработало для меня:

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

или сократите его до

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

Ответ 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(). Для добавления фокуса я добавил "_chosen" после моего идентификатора элемента и вызываю следующую функцию:

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

Мой последний код:

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

Теперь он отлично работает.