javascript - 可移动按钮的名称是什么？

Question

有时，当我使用自由网站时，我经常会看到“选择你的技能”部分，该部分可以搜索技能然后单击它们。单击技能后，该技能将以椭圆形按钮的形式添加到您的技能“ list ”中。但是，如果您添加了错误的技能，您可以将鼠标悬停在该技能上并单击按钮的 (x) 部分将其删除。当您想将标签添加到您的问题时，它也会在 stackoverflow 中使用。

我有兴趣做类似的事情，但我很快意识到我什至不知道这个“按钮”或功能叫什么，因此我的问题。我已经添加了它的图片以供引用。

Answer 1

HTML

<form action="" id="tag">
    <select multiple="true" name="select[]" id="select" class="form-control select2">
    </select>
    <button type="submit">Submit</button>
</form>

脚本

$('#select').select2({
    tags: true,
    tokenSeparators: [",", " "],
    ajax: {
        url: "time.php",
        dataType: 'json',
        data: function (term, page) {
             return {
                  q: term, // search
                  page: page
             };
             },
    results: function (data, page) {
        return { results: data};
    }
}
});

   $('#tag').submit(function(e){
     e.preventDefault();
     $.ajax({
      url: "test.php",
      type  : 'POST',
      dataType : 'json',
    // serialize the form:
    data     : $('#tag').serialize(),
    success  : function(response){
    //handle data
    }
  });
});

php代码

<?php
  if(isset($_GET['select']){ //check if there is vlaue
    foreach($_GET['select'] as $key => $value){
   }
  }
  ?>

注意:它适用于 select2 版本 4.0

希望这可能会有所帮助，因为我将它用于我的一个网站，它对我有用，你需要什么功能实际上需要 ajax 和 jquery 我已经给了我的页面的脚本和 php 是的，不要忘记链接 jquery调用此脚本之前的脚本