Dynamiczna lista rozwijana html / javascript wypełniona z MYSQL przy użyciu PHP - php, javascript, mysql, html

Chyba brakuje mi czegoś bardzo prostego (i przepraszam, jeśli tak).

Mam do tego dokument html z javescript, aw tym dokumencie html chcę utworzyć listę rozwijaną, której wartości są automatycznie zapełniane z wyniku zapytania mysql.

Zgaduję, że muszę uruchomić skrypt php, aby uzyskać informacje z bazy danych, ale to, jak dostać te informacje do listy rozwijanej, jest dla mnie zagadką.

Czy ktoś mógłby mnie wskazać w kierunku Wright - być może przykładem, w którym ktoś już to zrobił.

Nie mogę napisać listy rozwijanej w PHP, ponieważ oznaczałoby to odejście od strony html, na której mam wszystko inne.

Wielkie dzięki,

Obrabować.

Odpowiedzi:

5 dla odpowiedzi № 1

To bardzo szerokie pytanie, więc mogę udzielić ci szerokiej odpowiedzi. Proste wskazówki.

Masz kilka opcji:

Umieść PHP w kodzie HTML

• zmień nazwę pliku .html na .php lub zmień ustawienia serwera (poprzez .htaccess prawdopodobnie, jeśli używasz Apache), aby umożliwić php przetwarzanie plików .html
• umieść coś takiego w kodzie HTML w odpowiednim miejscu:

xy.php/html

<select name="fos">
<?php
//php code to get data from mysql
//foreach/while to iterate through elements
echo "<option value="".$key."">".$value."</option>";
//end of foreach/while
?>
</select>

Użyj Ajax do ładowania danych

• pozostaw kod HTML takim, jaki jest teraz
• napisz skrypt PHP, aby wypisać listę rozwijaną
• napisz Javascript, aby uzyskać wyjście skryptu PHP z Ajax, a następnie wstaw go do DOM w odpowiednim miejscu
• wadą jest to, że ludzie bez JS nie zobaczą listy rozwijanej

EDYCJA: lub Podejmij to podejście Haza zasugerował

Niezależnie od wyboru, podałem ci słowa kluczowe do wyszukiwania lub zadawania dalszych pytań

---

2 dla odpowiedzi nr 2

Jeśli mówisz o fantazyjnej liście rozwijanej menu Javascript, jest dwie części:

• Pobierz dane, które chcesz wyświetlić użytkownikowi, i wydrukuj je w htmlu w znanej wersji (zwykle niektóre <ul><li> ...). Spowoduje to po prostu utworzenie listy, która zwykle powinna być menu.

• Przekształć tę prostą listę w menu rozwijane za pomocą niektórych javascript.

Najpierw musisz znaleźć w swoim kodzie, którego częścią jest prosta lista, dodać do niej swoje dane używając tej samej struktury, a one, twój skrypt js będzie w stanie ją przekształcić.

---

1 dla odpowiedzi nr 3

Witamy w świecie tworzenia stron internetowych. Moja droga najpierw postaraj się trochę przeszukać. Oto kod, dzięki któremu możesz wykonać swoje zadanie

<select name="myselect">
<?php
$q="select * from $table";
$rs=mysql_query($q);
if($rs && mysql_num_rows($rs))
{
while($rd=mysql_fetch_object($rs))
{
echo("<option value="$rd->id">$rd->name</option>");
}
}
?>
</select>

---