Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][JavaScript]Case'y w JS w zależności od wartości w bazie
sadistic_son
post
Post #1





Grupa: Zarejestrowani
Postów: 1 495
Pomógł: 245
Dołączył: 1.07.2009
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

Cześć.

W JS raczkuję. Mam taki skrypcik poniżej:
[JAVASCRIPT] pobierz, plaintext 
  1. const dvdFields = document.getElementById('dvdFields');
  2. const bookFields = document.getElementById('bookFields');
  3. const furnitureFields = document.getElementById('furnitureFields');
  4. const selector = document.getElementById('productType');
  5.  
  6.  
  7. selector.addEventListener("click", () => {
  8.     selector.addEventListener("change", () => {
  9.         switch (selector.value) {
  10.             case "DVD":
  11.                 dvdFields.style.display = 'block';
  12.                 bookFields.style.display = 'none';
  13.                 furnitureFields.style.display = 'none';
  14.                 break;
  15.             case "Book":
  16.                 bookFields.style.display = 'block';
  17.                 dvdFields.style.display = 'none';
  18.                 furnitureFields.style.display = 'none';
  19.                 break;
  20.             case "Furniture":
  21.                 furnitureFields.style.display = 'block';
  22.                 dvdFields.style.display = 'none';
  23.                 bookFields.style.display = 'none';
  24.                 break;
  25.             default:
  26.                 furnitureFields.style.display = 'none';
  27.                 dvdFields.style.display = 'none';
  28.                 bookFields.style.display = 'none';
  29.  
  30.         }
  31.     });
  32. });
[JAVASCRIPT] pobierz, plaintext


Skrypt wyswietla lub chowa diy w zalezności od tego co mamy wybrane w SELECT. Żadne rocket science. Ale teraz wypadałoby aby wartości book, dvd, furniture nie były wpisane ręcznie, ale żeby ładowały się z bazy. Obecnie w bazie mam 3 rodzaje produktów, ale jak będzie ich 300... ?
Tak więc, jeśli rodzajów produktów będzie więcej to i case'ów powinno być automatycznie więcej. Jesli dodam do bazy rodzaj produktu 'sanki' no to powinien się dodać nowy case gdzie 'sankiFields' jest display:block a reszta ma 'none'.
Oczywiście wiem jak to zrobić w php, ale wrzucanie phpa do pliku js, lub trzymanie skryptu js w pliku *.php to chyba nie jest najlepsza praktyka. Pomóżcie jak to zrobić po bożemu.
Dzięki.

Ten post edytował sadistic_son 3.01.2023, 12:20:07
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
Cytat
ok, ale czy wrzucanie JS w html, zamiast w <head><script scr"skrypt.js" ... to nie jest zła praktyka? Normalnie miałbym to gdzieś, ale przy moim obecnym zadaniu best-practices są ważne.

JA ci nie karze trzymac calego kodu js w pliku html. Ja ci tylko mowie, bys to co jest dynamiczne tylko wrzucil do html. Tak sie wlasnie robi.

Cytat
Dobra, czyli zamist id="dvdFields", id="bookFields" wszystkim im nadaję class="dynamicFields" oraz display:none, a potem tylko temu który mam wybrany w select nadaję display:block. Dobrze rozumiem? W takim razie jak odróżnię te wszystkie co mają być niewidoczne od tego jednego co jest wybrany w select?

Id mozesz zostawic bo po ID bedziesz przeciez pokazywal wybrane pola. Klasa sluzy glownie do chowania wssytkiego naraz. Oczywiscie chowasz za kazdym razem gdy w select wybor sie zmieni.

Cytat
W takim razie jak odróżnię te wszystkie co mają być niewidoczne od tego jednego co jest wybrany w select?

Noto mowie przeciez: chowasz zawsze wszystko co ma te klase, a pokazujesz tylko ten jeden co masz wybrany (po id)
Go to the top of the page
+Quote Post

Posty w temacie
- sadistic_son   [PHP][JavaScript]Case'y w JS w zależności od wartości w bazie   3.01.2023, 12:18:45
- - nospor   Generalnei sie zle za to zabrales. Nie tworzy sie ...   3.01.2023, 12:27:07
|- - sadistic_son   Cytat(nospor @ 3.01.2023, 12:27:07 ) ...   3.01.2023, 12:37:05
- - nospor   Cytatok, ale czy wrzucanie JS w html, zamiast w ...   3.01.2023, 12:44:05
- - sadistic_son   No dobra, rozumiem co masz na mysli. A więc tak w...   3.01.2023, 13:43:45
- - nospor   Jesli zrobisz console.log(dynamicFields); a mocno...   3.01.2023, 14:05:37
- - sadistic_son   Mam tych console logów tutaj pełno, z value, bez v...   3.01.2023, 14:07:46
- - nospor   skoro dynamicFields to tablica to lecisz po tablic...   3.01.2023, 14:09:11
- - sadistic_son   Ok, zaraz polecę pętlą, ale tymczasem dlaczego naw...   3.01.2023, 14:12:58
- - nospor   No przeciez visible masz ustawic w change() a nie ...   3.01.2023, 14:19:25
- - sadistic_son   Cytat(nospor @ 3.01.2023, 14:19:25 ) ...   3.01.2023, 14:25:10

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 17.10.2025 - 13:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn