; const skillsAuto = []; for (let i = 0; i < skills.length; i++) { skillsAuto.push(skills[i].name); } $("#skills").autocomplete({ minLength: 3, source: skillsAuto, select: function (event, ui) { $.each(skills, function (i, v) { if (v.name === ui.item.value) { let tmp = $("#skillsChosen").val(); if (!tmp.includes(v.id)) { if (tmp === "") { tmp = v.id; } else { tmp += ',' + v.id; } $("#skillsChosen").val(tmp); const selected = ``; $("#tags__selected").append(selected); $("#skills").val(""); } return false; // Exit $.each loop early } }); return false; // Prevent default behavior } });