Question

我有一个逗号分隔的字符串说“Apple，Banana，Orange”，我想用这些值预先加载一个jquery select2多选框，这样用户就可以删除其中的部分或全部。我将如何在字符串的“get”方法中执行此操作？

请求包含代码（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; }
   }
}

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

Answer 2

请检查小提琴：

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>

其中数组值来自选项值。

选择2框，加载逗号分隔字符串

2 个答案: