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 x] [tag2 x] [tag4 x]

当我从选择列表中选择选项时，我将其视为可视标记..所以我将标记保存在数组中。但是当我按'x'时，我想从我的数组中删除这个标签。

知道我该怎么办？

Answer 1

添加删除按钮，然后将其链接到此代码：。$（ '＃select2-2'）找到（ '：选择'）删除（）; 这将删除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>

用'select2'取消选择标签

1 个答案: