Jquery Elegido foco en la carga de la página (¿onLoad?)

Question

Estoy usando el complemento Jquery Chosen en un cuadro de selección, sin embargo, me gustaría centrar esto en la carga de la página. He utilizado el código siguiente para enfocar una entrada de texto:

onLoad="document.forms.sales_order_form.customer.focus()" 

Pero esto no funciona para el cuadro de selección:

<select data-placeholder="Select a Customer..." class="chzn-select" name="customer" style="width:400px;"> 
    <option value=""></option> 
</select> 

Answer 1

Si su uso el primer ejemplo (caja de selección estándar) se puede utilizar:

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

Answer 2

esto soluciona el problema por completo para mí:

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

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

crea Elegido posee divs y convierte su "select_ID" en "select_ID_chzn" para los divs

Answer 4

Esto funcionó para mí:

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

o acortarlo a

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

Answer 5

este es lo que funcionó para mí

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

Answer 6

En Elegido 1.0, este comando es ahora:

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

Ver here.

Answer 7

He estado buscando en StackOverflow para utilizar esta solución en uno de mis proyectos. Después de buscar mucho, he aprendido algo pero no tengo una solución adecuada. Finalmente he solucionado mi problema de la siguiente manera:

Estoy usando "jquery-1.10.2.min.js" y "Chosen v1.0.0". En mi código tengo <select id="sel_product"> y en jquery $("#sel_product").chosen(). Para la adición de enfoque que he añadido '_chosen' después de mi ID del elemento y llamar a la siguiente función:

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

Mi código final es:

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

Ahora que está funcionando perfectamente.