Select2标签允许在上面使用空格



我想让我的标签有空间,活ketchup v2,但现在它生成两个标签ketchupv2。我举了一个简单的例子,制作标签或搜索存在的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css" />
</head>
<body>
<select class="form-control select2" multiple="multiple" style="width: 100%;"></select>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.full.min.js"></script>
<script>
$('.select2').select2({
data: ["Piano", "Flute", "Guitar", "Drums", "Photography"],
tags: true,
maximumSelectionLength: 10,
tokenSeparators: [',', ' '],
placeholder: "Select or type keywords",
//minimumInputLength: 1,
//ajax: {
//   url: "you url to data",
//   dataType: 'json',
//  quietMillis: 250,
//  data: function (term, page) {
//     return {
//         q: term, // search term
//    };
//  },
//  results: function (data, page) { 
//  return { results: data.items };
//   },
//   cache: true
// }
});
</script>
</body>
</html>

所以,我想做的只是输入创建一个标签,而不是空格之类的

像这样修改代码并检查。

tokenSeparators: [',']

这将只允许输入键或逗号来创建标记。

最新更新