Remove Button

new TomSelect('#input-tags',{
plugins: {
remove_button:{
title:'Remove this item',
}
},
persist: false,
create: true,
onDelete: function(values) {
return confirm(values.length > 1 ? 'Are you sure you want to remove these ' + values.length + ' items?' : 'Are you sure you want to remove "' + values[0] + '"?');
}
});
<input type="text" id="input-tags" value="awesome,neat" autocomplete="off">

For single selects, you may prefer the Clear Button plugin

new TomSelect('#input-tags2',{
plugins: ['remove_button'],
persist: false,
create: true,
maxItems: 1,
});
<select id="input-tags2" value="awesome" autocomplete="off">
<option>awesome</option>
<option>neat</option>
</select>

Plugin Configuration

Setting Description
label

The text that will be displayed in each button

Type: string Default: &times;
title

The value of the title attribute on each button

Type: string Default: Remove
className

The CSS class name of each button

Type: string Default: remove

Available Plugins