अर्थपूर्ण यूआई: मल्टी सिलेक्ट ड्रॉपडाउन प्री-सिलेक्ट वैल्यू

Question

मैं सेमेन्टिक यूआई फ्रेमवर्क का उपयोग करके एक वेब पेज बनाने पर काम कर रहा हूं। मैं यूआई ढांचे और jquery दोनों के लिए नया हूँ। मैं उपयोगकर्ता के लिए भूमिकाओं का चयन करने के लिए एक बहु चयन ड्रॉपडाउन घटक का उपयोग कर रहा हूं। मैं ड्रॉपडाउन को लागू करने और मूल्यों का चयन करने में सक्षम हूं।

लेकिन क्या कोई मुझे ड्रॉपडाउन में डिफ़ॉल्ट मान (पूर्व-चयनित) सेट करने में मदद कर सकता है? मैंने here निर्दिष्ट व्यवहारों का प्रयास किया है, लेकिन किसी भी तरह से इसे काम पर नहीं मिल सकता है। क्या मैं यहाँ कुछ याद कर रहा हूँ?

यहां fiddle और कोड है।

मेरे एचटीएमएल:

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

मेरे जावास्क्रिप्ट:

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

इसके अलावा, मैं जावास्क्रिप्ट में एक चर के मूल्यों लाने में मदद मिल सकती है?

Answer 1

आपका वाक्यविन्यास थोड़ा दूर है। इस प्रयास करें:

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

Answer 2

मान जोड़ें (<option selected="selected">) लटकती सब के बारे में अर्थ का चयन करें:

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