Comment sélectionner une option dans un jQuery ui selectmenu dynamiquement?

Après la modification d'un menu à partir d'un régulier de sélectionner une jQuery selectmenu, je ne peux plus sélectionner des options dans les il par programmation. Est-il un moyen de faire cela?

Le code pour sélectionner l'est (en supposant que ListId est l'Id de la liste)

$('#ListId').val(value);

Le plugin est actionné comme ceci:

$("#ListId").selectmenu({ style: "dropdown", width:140 });

Est-il un moyen pour sélectionner un élément dans le menu select? L'appel de la même .val(valeur) fonction sélectionne la valeur dans le secret original, sélectionnez la liste, pas le joliment style jQuery selectmenu.

InformationsquelleAutor Jamie | 2010-12-14
  1. 23
    $('#ListId').selectmenu("value", value);
    • stackoverflow.com/questions/14970729/...
    • Pas de travail pour les nouvelles versions de jQuery UI, essayez plutôt ceci $('#listId').val(valeur).selectmenu('refresh')
    • à l'aide de $('#listId').val(value).selectmenu('refresh') jette Uncaught Error: no such method 'instance' for menu widget instance. Toute solution à cela? J'ai initialisé ma liste $("#listId").selectmenu(); et les options sont arriver rempli dynamiquement à l'aide de la boucle
    InformationsquelleAutor Brandon Joyce
  2. 17

    En supposant que vous avez déjà fait partie d'une fois avant de:

    $("#ListId").selectmenu({ style: "dropdown", width:140 });

    J'ai trouvé cela fonctionne:

    $('#ListId').val(value);
$('#ListId').selectmenu("refresh");

    Cela provoque la stylisé déroulant pour afficher la valeur correcte.

    InformationsquelleAutor Coder_X
  3. 2

    Vous peut en outre déclencher le changement de gestionnaire d'événement en ajoutant un changement d'appel:

    $('#ListId').selectmenu("value", value);
$('#ListId').selectmenu("change"); //Add this for a change event to occur
    • Vous pouvez avoir des effets secondaires en forçant un changement d'appel lorsque vous avez seulement besoin de réinitialiser votre menu.
    InformationsquelleAutor Jojje
  4. 1

    Veuillez noter que vous devez utiliser index (et non pas les valeurs) pour sélectionner l'option à l'aide de cette méthode.

    Par exemple, étant donné que ce.

    <select id="ListId">
   <option value="value-one">One</option>
   <option value="value-two">Two</option>
</select>

    Dans ce cas, l'expression $('#ListId').selectmenu("value", "value-two"); ne retourne aucun résultat. Au lieu de cela, nous devons utiliser $('#ListId').selectmenu("value", "2");. En d'autres termes, nous devons utiliser la position/l'indice de l'élément à l'intérieur de la sélectionner. Pas la valeur!

    Trouver l'indice est facile, cependant. Vous pouvez utiliser la ligne suivante pour y parvenir.

    var index = $('#ListID option[value="value-two"]').index();
$('#ListId').selectmenu("value", index);
    • Ce n'est pas de travail pour moi... Après recherche, j'ai trouvé $('#select').prop("selectedIndex",0).selectmenu('refresh'); underprise.com/...
    InformationsquelleAutor proph
  5. 0

    J'ai essayé le suivant, et il ne fonctionne pas dans ma situation

    1.

    $('#ListId').val(value);
$('#ListId').selectmenu("refresh");

    2.

    $('#ListId').selectmenu("value", value);

    3.

    var option = $("#ListID option")
option.attr("selected", true);
//option.prop("selected", true);
//option.attr("selected", "selected");
//option.prop("selected", "selected");
$('#ListId').selectmenu("refresh");

    d'actualisation, sélectionnés ....etc. et dans certaines situation, il ne fonctionne pas.

    Par conséquent, j'appuie sur ctrl+I dans google chrome pour voir le code source.
    et j'utilise le code suivant pour résoudre ma situation.

    //Set Component Separator   jQuery UI SelectMenu
componentSeparatorPlaceHolder.find(".ui-selectmenu-text").html(inputComponentSeparatorStr); 
//Set ComponentSeparatorDropDown
componentSeparator.val(inputComponentSeparatorStr);
    InformationsquelleAutor Kevin Lin
  6. 0

    J'ai essayé l'une des manières suivantes, et il ne fonctionne pas dans ma situation

    $('#ListId').find('option[value=""]').attr("selected", true);

    OU

    $('#ListId').prop('selectedIndex', 0);
    InformationsquelleAutor Nimesh