2016-09-01 1 views
3

Ich frage mich, wie ich eine Übermittlungsschaltfläche implementieren kann, die wie autoselect: true funktioniert. Wenn ich also auf submit klicke, wird der erste Vorschlag ausgewählt.Kann Submit-Button für die Auswahl der Top-Wahl verwenden

Hier ist das Szenario ist, habe ich begonnen, eingeben und dann möchte ich den Benutzer in der Lage sein, die Submit-Button klicken, um zu bestätigen, was 0934.

enter image description here

+0

Hallo Sebastian, hast du dein Problem gelöst? Irgendein Update? – Shipow

Antwort

6
ist

Die PR #101 verschmolzen wurde gerade und veröffentlicht in der 0.21.4 Version. Mit dieser neuen Funktion wird der Cursor automatisch auf den ersten Vorschlag gesetzt, wenn autoselect: true.

Anschließend können Sie den neuesten ausgewählten Vorschlag erinnern, und es verwenden, während das Formular abschicken:

$('#contacts').autocomplete({ hint: false, autoselect: true }, [ 
    { 
    source: autocomplete.sources.hits(indexObj, { hitsPerPage: 5 }), 
    displayKey: 'name', 
    templates: { 
     suggestion: function(suggestion) { 
     return suggestion._highlightResult.name.value; 
     } 
    } 
    } 
]).on('autocomplete:cursorchanged autocomplete:selected', function(e, sugg) { 
    console.log('last', sugg); 
    lastSelectedEntry = sugg; 
}); 

$('#form').on('submit', function() { 
    alert(lastSelectedEntry); 
}); 

Ich habe ein codepen demo getan.

Verwandte Themen