Sémantique de l'INTERFACE utilisateur: Multi Sélectionnez le menu Déroulant de pré-sélectionner des valeurs

Je suis en train de travailler sur la construction d'une page web à l'aide de la Sémantique de l'INTERFACE utilisateur-Cadre. Je suis nouveau sur les deux cadres de l'INTERFACE utilisateur et jquery. Je suis en utilisant un multi sélectionnez le menu Déroulant de la composante de sélectionner les rôles d'un utilisateur. Je suis en mesure de mettre en œuvre la liste déroulante et sélectionnez les valeurs.

Mais quelqu'un peut-il m'aider à définir une valeur par défaut(pré-sélectionnés) à la liste déroulante ? J'ai essayé les comportements spécifiés ici , mais en quelque sorte peut pas le faire fonctionner. Il y a une chose qui me manque ici ?

Ici est la violon et le code.

Mon HTML:

<div class="twelve wide field">
    <label style="width: 250px">Add roles to user</label>
    <select name="skills" multiple="" class="ui fluid dropdown">
        <option value="">Roles</option>
        <option value="Role1">Role 1</option>
        <option value="Role2">Role 2</option>
        <option value="Role3">Role 3</option>
    </select>
</div>

Mon JavaScript:

$(".ui.fluid.dropdown").dropdown({ allowLabels:true})
$('.ui.fluid.dropdown').dropdown({'set selected': 'Role1,Role2'});

Aussi, puis-je obtenir de l'aide pour récupérer les valeurs d'une variable en javascript?

OriginalL'auteur Phanikanth | 2015-08-25

  1. 22

    Votre syntaxe est légèrement décalé. Essayez ceci:

    $('.ui.fluid.dropdown').dropdown('set selected',['Role1','Role2']);
    Oh cool. C'était simple. Merci.
    Détail Important (que j'ai peiné à découvrir) n'était pas à initialiser le select avec .dropdown() plus tôt que le réglage de valeurs sélectionnées ne fonctionne pas par la suite.
    Merci! Petit extrait du guidon: $('.l'interface utilisateur.liste déroulante').liste déroulante('sélectionnés',[{{#chaque balises}}'{{}}', {{/chaque}}]);
    comment puis-je le faire avec semantic-ui.com/modules/dropdown.html#search-selection

    OriginalL'auteur Adnan Y

  2. 0

    Ajouter des valeurs ( <option selected="selected"> ) liste déroulante sémantique sur tout sélectionner : 

    $("select").each(function(){
            var $that = $(this);
            var values = $that.val();
            $("option", $that).each(function(){
                $(this).removeAttr("selected");
            });
            $that.dropdown('set selected', values);
            $("option", $that).each(function(){
                var curr_value = $(this).val();
                for(var i = 0; i < values; i++){
                    if(values[i] == curr_value){
                        $(this).attr('selected','selected');
                    }
                }
            });
        });
    Pensez-vous que votre solution ajoute une nouvelle qualité de la réponse existant? C'est plus long et plus compliqué.
    c'est la seule solution que j'ai trouvé lorsque j'ai plusieurs options sélectionnées
    Ok, si vous pensez que votre solution est nécessaire c'est très bien. Mais alors vous devez expliquer votre code, afin de produire une complète et de qualité de réponse,

    OriginalL'auteur Jordan Azoulay