Sémantique de l'INTERFACE utilisateur: Comment définir l'élément sélectionné de la liste déroulante de recherche (“<select>”)?

comment puis-je régler l'élément sélectionné d'une liste déroulante (select) du champ de formulaire? Je l'ai essayé avec la suite de jQuery/JavaScript code:

if (equal == 0) {
    $('#sj_company').html($('#sj_company').html() + '<option value="' + key + '" selected="selected">' + data[key] + '</option>');
    $('.searchdropdown').dropdown('set selected', data[key]);
} else {
    $('#sj_company').html($('#sj_company').html() + '<option value="' + key + '">' + data[key] + '</option>');
}

Edit:
La base est la sémantique de l'interface utilisateur interface cadre 😉

Pas aussi pas de travail...

OriginalL'auteur Anton Dachauer | 2015-06-10

  1. 25

    Pour la Sémantique framework d'INTERFACE, vous devriez consulter le guide ici: déroulant comportement. Qui nous dit de faire l'appel suivant:

    $('#dropdown').dropdown('set selected', value);

    Ou de passer un objet (peut-être utile pour de multiples sélectionnez ou pour le développeur de préférence):

    $('#dropdown').dropdown({'set selected': value});

    Non-cadre de réponse (avant la question a été édité pour le cadre spécifique)

    Si la liste sélectionner un id de dire dropdown, vous pouvez le faire:

    $('#dropdown').val();

    Pour définir la valeur, dire que l'option a une valeur de a, vous pouvez le faire:

    $('#dropdown').val('a');

    Je suggère la lecture de l'jQuery page sur .val().

    JSFiddle exemple: http://jsfiddle.net/vo9kpsry/1

    Je ne veux pas d'obtenir la valeur, je veux le mettre!
    Ah, d'accord -- j'ai mis à jour la réponse. Vous pouvez passer à la value à la val appel à l'ensemble, comme $('#dropdown').val('a');.
    Non, pas avec la Sémantique de l'INTERFACE utilisateur (Pas avec la Sémantique de l'INTERFACE utilisateur (semantic-ui.com/modules/dropdown.html)
    Pas de besoin de! Je n'ai rien d'autre à ajouter. Je suis content que vous avez trouvé votre problème.
    Le comportement de format $('#dropdown').liste déroulante ("set sélectionné", valeur);

    OriginalL'auteur Cymen

  2. 4

    Vous pouvez simplement définir la valeur par défaut de la valeur cachée d'entrée qui existent avec semanic déroulante:

    <div class="dropdown">
    <input type="hidden" name="countries" value="tf">
    <i class="dropdown icon"></i>
    <div class="default text">
    </div>
    <div class="menu">
        <div class="item" data-value="tf"><i class="tf flag"></i>French Territories</div>
        <div class="item" data-value="ga"><i class="ga flag"></i>Gabon</div>
        <div class="item" data-value="gm"><i class="gm flag"></i>Gambia</div>
    </div>
</div>

    Peut-être trop tard, mais quelqu'un a besoin d'elle

    OriginalL'auteur nasir taha

  3. 3

    Mon erreur était: j'ai initialisé la Sémantique de l'INTERFACE utilisateur Déroulant avant j'ai chargé les éléments de liste déroulante via AJAX. La solution: Initialiser la liste Déroulante APRÈS l'AJAX processus de chargement.

    OriginalL'auteur Anton Dachauer