Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
// Use Select2 library for rich selects import select2 from "select2"; $(".enhanced-select").select2({ placeholder: "Search or select...", allowClear: true, ajax: { url: "/api/options", dataType: "json", delay: 300, data: params => ({ search: params.term }), processResults: data => ({ results: data.map(i => ({ id: i.id, text: i.name })) }) } }); // Listen to Select2 change $(".enhanced-select").on("select2:select", function(e) { console.log("Selected:", e.params.data); });
Result
Open