JSFiddle - React, Tailwind, and code Playground

by Sivasakthi Chandrasekaran

HTML

<select class="multi" name="example" id="example" multiple="multiple" 
            data-title="The Example">
			<option value="1">Option 1</option>
			<option value="2">Option 2</option>
			<option value="3">Option 3</option>
			<option value="4">Option 4</option>
			<option value="5">Option 5</option>
		</select>

JavaScript

$(function () {
	$(".multi").each(function () {
		var selectedText = $(this).data("title")
		$(this).multiselect({
			selectedList: 4,
			multiple: true,
			header: false,
			noneSelectedText: selectedText,
			selectedText: function (numChecked, numTotal, checkedItems) {
				return numChecked + ' of ' + numTotal + ' checked – '+selectedText;
			}
		})
	})
});