Choices js
انتخاب از ورودی
Huro یکپارچه شده با ChoicesJs, کتابخانه ورودی برچسب های وانیلا اسکریپت.
شما می توانید افزونه را در گیت هاب بررسی کنید Github. همچنین شما دسترسی دارید در فایلassets/js/components.js
.
//JS CODE
var textRemove = new Choices(document.getElementById('choices-text-remove-button'), {
delimiter: ',',
editItems: true,
//maxItemCount: 5,
removeItemButton: true,
});
//MARKUP
<div class="field">
<div class="control">
<input id="choices-text-remove-button" class="input"
value="Software, Sass, Engineering" placeholder="Enter something">
</div>
</div>
انتخاب برگزیده شده ها
Huro یکپارچه شده با ChoicesJs, کتابخانه ورودی برچسب های وانیلا اسکریپت.
شما می توانید افزونه را در گیت هاب بررسی کنید Github. همچنین شما دسترسی دارید در فایلassets/js/components.js
.
//JS CODE
var multipleCancelButton = new Choices('#choices-multiple-remove-button', {
removeItemButton: true,
});
//MARKUP
<div class="field">
<label>Add some heroes</label>
<div class="control">
<select class="form-control" name="choices-multiple-remove-button"
id="choices-multiple-remove-button" placeholder="This is a placeholder"
multiple>
<option value="superman" selected>Superman</option>
<option value="batman">Batman</option>
<option value="galactus">Galactus</option>
<option value="spawn">Spawn</option>
</select>
</div>
</div>