Ich verwende die JQuery Autocomplete in einem meiner Formulare.
Das Grundformular wählt Produkte aus meiner Datenbank aus. Das funktioniert prima, aber ich möchte es so weiterentwickeln, dass nur Produkte, die aus einer bestimmten Postleitzahl geliefert werden, zurückgegeben werden. Das Backend-Skript habe ich bereits fertiggestellt. Ich muss nur noch herausfinden, wie ich die Postleitzahl am besten an das Skript übergeben kann.
So sieht mein Formular aus.
<form>
<select id="zipcode">
<option value="2000">2000</option>
<option value="3000">3000</option>
<option value="4000">4000</option>
</select>
<input type="text" id="product"/>
<input type="submit"/>
</form>
Und hier ist der JQuery-Code:
$("#product").autocomplete
({
source:"product_auto_complete.php?postcode=" + $('#zipcode').val() +"&",
minLength: 2,
select: function(event, ui){
//action
}
});
Dieser Code funktioniert bis zu einem gewissen Grad. Gibt aber nur den ersten Postleitzahlwert zurück, unabhängig davon, welcher Wert tatsächlich ausgewählt wurde. Ich vermute, was passiert, ist, dass die Quell-URL beim Laden der Seite und nicht, wenn das Auswahlmenü geändert wird, vorbereitet wird. Gibt es eine Möglichkeit, dies zu umgehen? Oder gibt es eine bessere Möglichkeit, insgesamt das Ergebnis zu erreichen, das ich suche?