取消选择带有“select2”的标记

Question

嗨，我是用java脚本新来的。

我试图在数组中保存所有选定的标记，它的工作正常，但是当我在标签上按'x‘，然后从这个数组中删除时，我怎么做呢？

 $( "#select2-2" ).change(function() {
     $( "#select2-2 option:selected" ).each(function() {
         strArr[i] = $( this ).text();
         i++;
     });
 }).trigger("change");

我的html代码：

<select id="select2-2" class="form-control" multiple>
   <option>tag1</option>
   <option>tag2</option>
   <option>tag3</option>
   <option>tag4</option>
   <option>tag5</option>
</select>

更多关于Select-2:的解释

https://select2.github.io/

当您从select列表中选择选项时，选择-2创建标记，如下所示：

tag3 xtag4 x

当我从select列表中选择选项时，我得到它就像视觉标记..所以我把标签保存在数组中。但是当我按'x‘时，我想从数组中删除这个标记。

知道我该怎么做吗？

Answer 1

添加一个删除按钮，然后将其链接到以下代码：$('# select2-2 ').find(': selected ').remove()；它将删除select2-2中的所有选定选项

​

var strArr = [];

$("#select2-2").change(function () {
     var i = 0;
     $("#select2-2 option:selected").each(function () {
         strArr[i] = $(this).text();
         i++;
     });
 }).trigger("change");

$('#remove').click(function(){
    $('#select2-2').find(':selected').remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="select2-2" class="form-control" multiple>
   <option>tag 1</option>
   <option>tag 2</option>
   <option>tag 3</option>
   <option>tag 4</option>
   <option>tag 5</option>
</select><br>
<button id="remove" type="button">Remove</button>

​