Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: uzupełnianie <select>
Forum PHP.pl > Forum > XML, AJAX > AJAX
john_doe
Witajcie,

proszę o koncepcyjne odpowiedzi lub namiary na funkcje.... jestem laikiem w tej technologii a potrzebuje zrobic cos takiego:

pole select - po rozwinieciu np 4 opcje do wyboru. Wybieramy jedną z nich to to determinuje co bedzie do wyboru w drugim polu select

Narazie mam tyle. Zupełnie nie wiem czy to jest ok. Cisne po omacku smile.gif. Tymi wartościami chce wypełnić select jak narazie.
  1. <script type="text/javascript">
  2. function getSelectValues1(){
  3. var values1 = new Array( 'wartosc_1', 'wartosc_2', 'wartosc_3', 'wartosc_4' );
  4. var result;
  5.  
  6. for ( i = 0 ; i <= 3 ; i++ )
  7. {
  8. result = document.write(' <option>' + values1[i] + ' </option>');
  9. }
  10.  
  11. }



P.S Jak w ogóle kompilować kod JS. Kleje teraz cos na żywca zobaczymy jak to wyjdzie.


pozdrawiam
slammer
Cytat
kompilować kod JS

Kompilować JS ? czy jest coś o czym nie wiem snitch.gif

Ponieważ w Bielsku jest brzydka pogoda i ogólnie nie mam co robić, postanowiłem napisać ten kod... ot co nie będę próżnować biggrin.gif

  1. var obj = new Object();
  2. obj.moja_lista = function(oValue){
  3. switch(oValue.value){
  4. case 'Samochod':
  5. obj.tablica = new Array("Czerwony", "Brazowy", "Zielony");
  6. break;
  7. case 'Zwierze':
  8. obj.tablica = new Array("Kaczor", "Kaczka", "Kaczatko", "Kaczynski");
  9. break;
  10. case 'Kupa':
  11. obj.tablica = new Array("Twarda", "Miekka");
  12. break;
  13. case 'Piwo':
  14. obj.tablica = new Array("Tyskie", "Zywiec", "Zybr", "Lech", "Warka");
  15. break;
  16. }
  17. obj.nowa_lista(obj.tablica);
  18. }
  19.  
  20. obj.nowa_lista = function(oValues){
  21. var fragment = document.createDocumentFragment();
  22. var select = document.createElement('select');
  23. select.size = oValues.length;
  24.  
  25. var option = new Array();
  26. for(i=0;i<oValues.length;i++){
  27. option[i] = document.createElement('option');
  28. option[i].appendChild(document.createTextNode(oValues[i]));
  29. select.appendChild(option[i]);
  30. fragment.appendChild(select);
  31. }
  32. document.getElementById("nowaLista").innerHTML = '';
  33. document.getElementById("nowaLista").appendChild(fragment);
  34. }
  35. <select size="4">
  36. <option onclick="obj.moja_lista(this)">Samochod</option>
  37. <option onclick="obj.moja_lista(this)">Zwierze</option>
  38. <option onclick="obj.moja_lista(this)">Kupa</option>
  39. <option onclick="obj.moja_lista(this)">Piwo</option>
  40. <div id="nowaLista"></div>


Acha i to chyba nie temat do AJAX tongue.gif Chyba, że pola wypełniasz danymi z bazy danych albo coś?
john_doe
Dzięki slammer, kosi pięknie. Z tą kompilacją to może zbyt dosłownie.
Znasz jakieś fajne arty o Ajaxie. Teraz chcialbym nauczyc sie jak robic podobne rzeczy z MySQL np.

dzieki jeszcze raz i pozdrawiam
slammer
Najlepszy tutorial Ajaxa jaki znalazłem http://www.w3schools.com/ajax/default.asp . Sam nauczyłem się z niego bardzo solidnych podstaw biggrin.gif Jednak mimo wszystko na początek polecałbym wyuczenie javascriptu, ponieważ Ajax nie jest niczym innym jak obiektem XML HTTP javascriptu. Javascript nie jest trduny, a można nim tworzyć cuda. Jeśli znasz podstawy javascriptu, możesz pouczyć się obiektowego: http://kurs.browsehappy.pl/JavaScript/Wprowadzenie
Jeśli jesteś gotowy na mały wydatek to polecam książkę Javascript. Zaawansowane programowanie. Moja najlepsza inwestycja w wiedzę... w zasadzie prawie wszystko co wiem o JS to z tej książki smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.