autocomplete jquery funktioniert nicht
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.js"></script>
<link rel="stylesheet" type="text/css" href="/css/normalize.css">
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/themes/black-tie/jquery-ui.css">
<script type="text/javascript">//<![CDATA[
$(window).load(function(){
$("#auto").autocomplete({
source: ['hi', 'bye', 'foo', 'bar'],
change: function (event, ui) {
if (ui.item) {
$("#message").text("user selected " + ui.item.value + " from list.");
} else {
$("#message").text("user entered " + this.value);
}
}
});
});
</script>
</head>
<body>
<input type="text" id="auto" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
<span id="message">user selected bye from list.</span>
<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 22px; left: 0px; display: none; width: 193px;"><li class="ui-menu-item" role="menuitem"><a class="ui-corner-all" tabindex="-1">bye</a></li><li class="ui-menu-item" role="menuitem"><a class="ui-corner-all" tabindex="-1">bar</a></li></ul></body></html>
Möchte ich zum ändern der Quelle von jquery zu abc.php . Hat es sich um Daten aus der Datenbank . So ändern Sie autocomplte obigen code . Wie autocomple Datum aus der Datenbank. Bitte Helfen Sie mir dieses Problem zu beheben .
- Scheint nicht, wie Sie versucht haben, viel.
- Check dieser
Du musst angemeldet sein, um einen Kommentar abzugeben.
Müssen Sie
select
Veranstaltung stattchange
Demo
Siehe API-Dokumentation
Versuchen, Diese Daten aus PHP-datasource:
Wenn man sich das Beispiel auf der jquery ui Seite (https://jqueryui.com/autocomplete/#remote), müssen Sie einfach die Quelle wechseln zu:
Zwei Dinge zu beachten:
term
zu Ihrer url, enthält die input-Wert der automplete.label
(für die Anzeige) undvalue
(zur Identifizierung der angezeigte Wert). Wennlabel
ist nicht vorhanden, es wird mitvalue
statt.