Dependent Optionsschaltflächen oder Kontrollkästchen oder andere Methoden via PHP und Jquery

Question

Ich habe folgende mySQL Datenbank:

options_id, options_name, options_child, quantity 
1, Small, White, 10 
2, Small, Pink, 10 
3, Medium, White, 2 
4, Medium, Pink, 0 
5, Large, White, 0 
6, Large, Pink, 5 

Grundsätzlich I zur Ausgabe haben diese in Radio-Buttons oder 2 Aufklappmenü oder vielleicht ein anderes Verfahren, und die Daten übergeben zurück zu php.

Die Herausforderung besteht darin, dass die Ausgabe von der Menge abhängig sein muss. So wird es zum Beispiel 2 Dropdowns geben.

Einer für Größen und einer für Farben. Wenn jemand die mittlere Größe auswählt, gibt es, basierend auf der oben genannten Menge, 0 für Rosa. Also im Grunde wird das nicht auf Lager sein.

Jemand hat empfohlen, die Daten als ein Array ausgeben und dann Javascript für das verwenden.

Ich werde für die Ausgabe so etwas wie dies mit jQuery werden: Amazon-like interface for selecting product size and color (i.e., click a little red box to select a red product, etc)

Jede Hilfe sehr geschätzt wird.

Dank

Answer 1

Ihr Projekt wie in einer Stunde getan werden kann, aber Sie müssen einige Schritte folgen.

1. in MySQL (ich denke, Sie verwenden phpMyAdmin) Typ:

   SELECT * FROM tblName;

2. Suche php Beispiele für MySQL-Datenbank verbinden:

   Sie benötigen Ihren Benutzernamen/Passwort ist und die Server-IP setzen: PORT in einer Konfigurationsdatei

3. Verwenden Sie die Abfrage von Schritt 1, und verwenden Sie die print(), um im Browser auszugeben.

4. Bis zu diesem Punkt haben Sie die hässlichste Seite, aber Sie haben die Basis für die Verbindung mit der Datenbank in einem Browser abgeschlossen.

5. Verwenden Sie dann ein Programm wie dreamweaver, um die Layouts zu zeichnen, und suchen Sie nach PHP-Snippets (in dreamweaver wurden Beispiele eingebaut), um die Optionsfelder und Kontrollkästchen weiterzuleiten.

6. Jetzt sind Sie fast fertig und Sie können Javascript verwenden, um die Daten zu manipulieren.

7. Laden Sie jQuery herunter und verwenden Sie die integrierten Animationen, damit Ihre Website nicht schlecht aussieht.

8. Kommen Sie zurück zu stackoverflow.com und Sie können eine spezifische Frage über die Logik für den Umgang mit den Größen und Farben stellen.