function split( val ) { return val.split( /[,;]\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $(document).ready(function() { var ac_models = []; $("#btnModelSuggestOpen").click(function() { $('#gbModelSuggest').css('display', 'block'); if (!ac_models || !ac_models.length) { $.post('/reportModel.php', { act: 'getModels' }, function(data) { ac_models = data.split(','); //alert(ac_models.length); $('#edtModelName') .bind( "keydown", function( event ) { if ( event.keyCode === $.ui.keyCode.TAB && $( this ).data( "autocomplete" ).menu.active ) { event.preventDefault(); } }) .autocomplete({ minLength: 1, focus: function() { return false; }, source: function( request, response ) { response( $.ui.autocomplete.filter( ac_models, extractLast( request.term ) ) ); }, select: function( event, ui ) { var terms = split( this.value ); terms.pop(); terms.push( ui.item.value ); this.value = terms.join( ", " ); return false; } }); }); } $('#edtModelName').val(''); return false; }); $("#btnModelSuggestSubmit").click(function() { if ($("#edtModelName").val().length < 4) { alert('Please,enter model name first'); return; } $.post('/reportModel.php', { id : '4768', models : $("#edtModelName").val() }, function(data) { $('#gbModelSuggest').css('display', 'none'); data == 'OK' ? alert('Model successfully reported') : alert('Error reporting model'); }); }); });