Zum Beispiel:Ist es möglich, Code auszuführen, wenn ein Element aus einem HTML5-Datalist ausgewählt wurde?
<input type="text" list="sample"/>
<datalist id="sample">
<option value="item 1"/>
<option value="item 2"/>
</datalist>
Ist es möglich, das Ereignis zu fangen, wenn ein Element aus der Datenliste ausgewählt worden war? Aufruf onclick oder onchange auf dem Eingabeelement funktioniert nicht.
$(document).ready(function() {
$("#search").on("input", function(e) {
var val = $(this).val();
if(val === "") return;
....
var dataList = $("#searchresults");
dataList.empty();
your code...
});
});
Datalist für eine storage and Auto list Purpose ... Es verwendet doesn't have Selected Events ..
, wenn Sie es die Elemente in Datalist ... nur Schleife erhalten möchten und die Daten erhalten ...
$('#sample option').each(function(index) {
alert($(this).val());
});
Danke, das bringt mich auf halbem Weg dorthin, da "input" ausgelöst wird, wenn ein datalist Element ausgewählt ist, von dem ich vorher nicht gewusst habe, wie es funktioniert. Gibt es außerdem eine Möglichkeit zu unterscheiden, wann ein Datenelement-Element aus einem normalen Typisierungs-Ereignis ausgewählt wurde? Mit diesem aktuellen Code wird das Ereignis ausgelöst, wenn ein Datenelementelement ausgewählt wurde, sowie wenn der Benutzer schreibt und wenn Text in das Eingabefeld eingefügt wurde (nur Maus). – 3Nex