如何防止从下拉列表中删除选定的选项?
How to prevent the removal of selected options from the dropdown list?
很好,如果有机会在列表中的这些元素上挂一个class。
$(function(){
$('select').selectize({
plugins: ['restore_on_backspace', 'remove_button']
});
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.default.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/js/standalone/selectize.min.js"></script>
<select multiple="multiple">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
documentation 有一个回调函数 onOptionRemove(value) 可以删除这些项目。但是我没有发现相反的效果。
为什么这种可能性不是开箱即用的,一个简单的参数是 true / false =))
我查看了文档中的所有示例,但没有找到解决方案。我请求你的帮助)
有一个选项:hideSelected
。我已编辑您的代码以将 hideSelected
设置为 false。这就是您要找的吗?
$(function(){
$('select').selectize({
hideSelected: false,
plugins: ['restore_on_backspace', 'remove_button']
});
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.default.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/js/standalone/selectize.min.js"></script>
<select multiple="multiple">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
很好,如果有机会在列表中的这些元素上挂一个class。
$(function(){
$('select').selectize({
plugins: ['restore_on_backspace', 'remove_button']
});
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.default.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/js/standalone/selectize.min.js"></script>
<select multiple="multiple">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
documentation 有一个回调函数 onOptionRemove(value) 可以删除这些项目。但是我没有发现相反的效果。 为什么这种可能性不是开箱即用的,一个简单的参数是 true / false =)) 我查看了文档中的所有示例,但没有找到解决方案。我请求你的帮助)
有一个选项:hideSelected
。我已编辑您的代码以将 hideSelected
设置为 false。这就是您要找的吗?
$(function(){
$('select').selectize({
hideSelected: false,
plugins: ['restore_on_backspace', 'remove_button']
});
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.default.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/js/standalone/selectize.min.js"></script>
<select multiple="multiple">
<option>A</option>
<option>B</option>
<option>C</option>
</select>