2016-07-20 24 views
0

"Apple、Banana、Orange"というコンマ区切りの文字列があり、jquery select2 multi selectボックスにこれらの値をあらかじめロードしておきたいので、 。どのように私は文字列の "取得"メソッドでこれを行うだろうか?コードを含むようにSelect2ボックス、コンマで区切られた文字列を読み込む

要求(C#の):

string fruits = "Apple, Banana, Orange"; 

string _fruit; 

public string Fruit 
{ 
public string IncludedGroups 
{ 
    get 
    { 
     if (_fruit != string.Empty) 
     { 
     //what to do here? how to break up string and return so select2 will recognize it as individual items 
     } 
     return null; 
    } 
    set { _fruit = value; } 
    } 
} 
+0

あなたのコードを含めてください。 – reshad

+0

jqueryはどんなフォーマットですか? – user489872

+0

@エスケープコードが追加されました。 – jenjer

答えて

1
<html> 
<head> 
    <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="https://select2.github.io/dist/js/select2.full.js"></script> 
    <link href="https://select2.github.io/dist/css/select2.min.css" type="text/css" rel="stylesheet" /> 
    <script> 


    $(document).ready(function() { 
     var mystr = 'Apple, Banana, Orange'; 
       var results = mystr.split(","); 
       $.each(results, function (i, result) { 
        $('#mySelect').append($('<option>', { 
         value: result, 
         text: result 
        })); 
       }); 

     $("#mySelect").select2(); 

    }); 

    </script> 
</head> 
<body> 
    <select id="mySelect" multiple="multiple"></select> 
</body> 
</html> 
0

フィドルを確認してください。

FIDDLE

あなたは簡単にそれを追加することができます。次のように :あなたはpageload上の配列を渡す必要が

$(document).ready(
    function() { 
     $("#multipleSelectExample").select2(); 
      $("#multipleSelectExample").select2("val", [1,2,3]); 
    } 
); 

      <option value="1">Apple</option> 
      <option value="2">Banana</option> 
      <option value="3">Orange</option> 
      <option value="4">Grapes</option> 
      <option value="5">jackfriut</option> 
配列値は、オプションの値からある

関連する問題