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

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

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

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

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

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" в "select_ID_chzn" для этих div

Answer 4

Если вы используете первый пример (стандартное поле выбора), вы можете использовать:

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

Answer 5

Я искал в 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();
});

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

Answer 6

это то, что у меня сработало

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

Answer 7

Это полностью устраняет проблему для меня:

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