Semantik Kullanıcı Arabirimi: Çoklu Seçme Ön seçimli değerler

Question

Semantik kullanıcı arabirimi kullanarak bir web sayfası oluşturmak için çalışıyorum. Hem UI çerçeveleri hem de jquery için yeniyim. Bir kullanıcının rollerini seçmek için çoklu seçim Açılır bileşeni kullanıyorum. Açılır menüleri uygulayabiliyorum ve değerleri seçebiliyorum.

Ancak, herkes açılır menüye varsayılan bir değer (önceden seçilmiş) ayarlamama yardımcı olabilir mi? here belirtilen davranışları denedim, ancak bir şekilde işe yaramaz. Burada özlediğim bir şey mi var?

fiddle ve kodu burada.

Benim 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> 

Benim JavaScript:

Ayrıca

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

, ben javascript bir değişkene değerler getirilirken yardım alabilirim?

Answer 1

Sözdizimi biraz kapalı. Bu deneyin:

$('.ui.fluid.dropdown').dropdown('set selected',['Role1','Role2']); 

Answer 2

Değer ekleyin tüm ilgili (<option selected="selected">) açılan anlamsal belirleyin:

$("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'); 
        } 
       } 
      }); 
     });