Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
$("#search").on("input", function() { const q = $(this).val().trim(); if (q.length < 2) { $("#suggestions").empty(); return; } $.getJSON("/api/suggest?q=" + encodeURIComponent(q), function(items) { const html = items.map(item => `<li class="list-group-item list-group-item-action suggestion" data-id="${item.id}">${item.name}</li>` ).join(""); $("#suggestions").html(html); }); }); $(document).on("click", ".suggestion", function() { $("#search").val($(this).text()); $("#suggestions").empty(); });
Result
Open