mariatroeger
Grünschnabel
Hallo, ich bin neu hier und beschäftige micih schon seit einiger Zeit mit dem Thema "autocomplete"!
Ich nutze folgende die jquery ui autocomplete mit Anbindung an einer DAtenbank
Meine Tabelle hat 3 Spalten Land | Bundesland | Stadt
Ziel des Projekts: anhand des autocomplete soll man eine Stadt auswählen können wonach der entsprechende Weg vom bestimmten Standort dargestellt werden soll.
D.h. der Eintrag "Bundesland" soll 1. als Text dargestellt werden und 2. der Weg soll als (SVG) gezeichnet werden.
zu 1. ist es kein Problem!
nur weiss ich nicht wie ich den ausgewählten Wert für "Bundesland" so speichern kann,
damit der entsprechende DIV geöffnet werden kann ?!
Dachte an einer If-Abfrage ... wenn Eintrag Bundesland = Hessen , führe aus Div #hessen oder so !
Für jede Hilfe wäre ich seeehhhrr dankbar ;-)
VG
Mari
Ich nutze folgende die jquery ui autocomplete mit Anbindung an einer DAtenbank
Meine Tabelle hat 3 Spalten Land | Bundesland | Stadt
Ziel des Projekts: anhand des autocomplete soll man eine Stadt auswählen können wonach der entsprechende Weg vom bestimmten Standort dargestellt werden soll.
D.h. der Eintrag "Bundesland" soll 1. als Text dargestellt werden und 2. der Weg soll als (SVG) gezeichnet werden.
zu 1. ist es kein Problem!
nur weiss ich nicht wie ich den ausgewählten Wert für "Bundesland" so speichern kann,
damit der entsprechende DIV geöffnet werden kann ?!
Dachte an einer If-Abfrage ... wenn Eintrag Bundesland = Hessen , führe aus Div #hessen oder so !
Javascript:
$(document).ready(function()
{
$( "#project" ).autocomplete(
{
minLength: 2,
source: 'datenbankverbindung.php',
focus: function( event, ui ) {
$( "#project" ).val( ui.item.label );
return false;
},
select: function( event, ui )
{
$( "#stadt" ).html( ui.item.value_stadt );
$( "#bundesland" ).html( ui.item.value_bundesland);
$( "#land" ).html( ui.item.value_land);
return false;
}
})
});
</script>
<!-- Der HTML TEIL -->
<p id="stadt"></p>
<p id="bundesland">Bundesland</p>
<p id="land">Land</p>
...
<div id="hessen"
<svg code ... </svg>
</div>
<div id="bayern"
<svg code ... </svg>
</div>
<div id="bremen"
<svg code ... </svg>
</div>
...
Für jede Hilfe wäre ich seeehhhrr dankbar ;-)
VG
Mari
Zuletzt bearbeitet von einem Moderator: