[AJAX][JavaScript][PHP] Ukrywanie/wyświetlanie danych Opcje

[-matejbos-]

Witam. Nigdy nie piszę na forach, zawsze znajduję odpowiedź we własnym zakresie, tym razem nie dałem rady. Problem tego typu. Wypisanie za pomocą JSON w formularzu, który jest ukryty za pomocą chained liczb 8 i 9. Problem jest z klasą i chained, osobno wszystko działa. Wypisanie Janek i Ala działa, liczby już nie. Ewentualne później ich zablokowanie np: .style.disabled="none" Z góry dzięki za odp.

[HTML] pobierz, plaintext 
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
 <select id="mark" name="osoba">
  <option value="">--</option>
  <option id ="janek" value="janek"  ></option>
  <option id ="ala" value="ala" ></option>
  </select>
  <select id="series" name="godzina">
  <option value="">--</option>
  <option  id="8" value="8"  class="janek"></option>
  <option  id="10" value="10"  class="janek"></option>
  <option  id="9" value="9"  class="ala"> </option>
  </select>
</form>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
 
  $("#series").chained("#mark"); 
 
var JSONObject = {
  "janek":" Janek",
  "ala":" Ala"
 
};
document.getElementById("janek").innerHTML=JSONObject.janek
document.getElementById("ala").innerHTML=JSONObject.ala
 
var elements = document.getElementsByClass('janek');
var element0 = document.getElementsByClass('janek')[0];
var element1 = document.getElementsByClass('janek')[1];
 
element1.innerHTML=JSONObject.janek; 
                     </script>
[JAVASCRIPT] pobierz, plaintext 

[csharp]

jak chcesz napiszę Ci to w jQuery... będzie kilka linijek - chyba, że koniecznie JSON.

[matejbos]

obojętnie byle działało

[kamil4u]

Nie rozumiem o co chodzi Opisz dokładniej.
I opisz w skrócie co robi: "chained", bo to jakiś dodatek pewnie

1.

var element0 = document.getElementsByClass('janek')[0];

Jeśli już to getElementsByClassName

2. ID nie może być liczbą, ani się od niej zaczynać

jak chcesz napiszę Ci to w jQuery... będzie kilka linijek - chyba, że koniecznie JSON.

JSON to nie język programowania, ani żadna biblioteka JS ( jak jQuery), więc nie wiem co ma piernik do wiatraka

Ten post edytował kamil4u 30.06.2012, 13:53:35

[-Gość-]

Tak racja, w poszukiwaniu info właśnie doczytałem ze bez document. Nie zmieniłem po prostu. Chained polega na "odkrywaniu" kolejnego pola po wyborze poprzedniego. Np: Wybierasz Audi to wtedy odblokowuje się formularz z modelami, a problem jest właśnie z chained. Bo sam JSON działa jak należy przy pierwszym polu (marka np: Audi), bo tam są tylko id,

[HTML] pobierz, plaintext 
 <option id ="janek" value="janek"  ></option>
  <option id ="ala" value="ala" ></option>
[HTML] pobierz, plaintext 

a już w następnym (model, np A4) jest już klasa, po której chained wie co ma odblokować identyfikując po poprzednim id tutaj Audi.

[HTML] pobierz, plaintext 
<option  id="8" value="8"  class="janek"></option>
  <option  id="10" value="10"  class="janek"></option>
  <option  id="9" value="9"  class="ala"> </option>
[HTML] pobierz, plaintext 

I problem żeby JSON wypisał, tak jak w przypadku marki, również modele. Nie wiem czy w miarę jasno to opisałem .

[JAVASCRIPT] pobierz, plaintext 
var element1 = getElementsByClass('janek')[0];
element1.innerHTML=JSONObject.janek; 
[JAVASCRIPT] pobierz, plaintext 

Niby coś takiego powinno działać, ale jednak jest problem ...

[kamil4u]

Tak racja, w poszukiwaniu info właśnie doczytałem ze bez document. Nie zmieniłem po prostu.

Heh. Dobre kłamstwo

Ma być: document.getElementsByClassName('janek')[0];

Chodziło o dodanie Name, a nie usunięcie document

[-Gość-]

http://robertnyman.com/2005/11/07/the-ulti...ntsbyclassname/ apropo "document" tutaj się zasugerowałem (ale to już funkcje), była jeszcze jedna strona ale niestety nie mogę znaleźć, jeżeli trafię na nią znowu, to na pewno wrzucę linka Ale tak czy tak document.getElementsByClassName('janek')[0]; nie działa

[kamil4u]

Dobra dobra - masz rację. Z tym, że tamte funkcje nie są natywne( tylko napisane jako zwykła funkcja) , dlatego nie ma document. Mniejsza, ważne, że już masz dobrze
I polecam na przyszłość nie tyle szukać w Google co w dokumentacji MDC - wtedy na pewno unikniesz takich drobnostek. No i oczywiście sprawdzaj

konsolę błędów

Wszystko działa: http://jsfiddle.net/BNCyq/
Ew. napisz jakiej przeglądarki używasz i upewnij się, że na pewno DOM masz załadowany

I jeszcze o tym getElementsByClassName. Ten link co dodałeś umożliwia korzystanie z tej funkcji w starszych przeglądarkach( głownie chodzi o IE ). Wtedy nie używamy document. Jak używasz jQuery to możesz użyć selektora klasy (.janek) i metody text albo html. Ew. użyć get, czyli zwrócić element HTML.

[--matejbos--]

Hehe nie chodzi,tak jak wcześniej pierwszy wybór działał, następny już nie. Tutaj myślę że najbardziej czytelny problem będzie

http://jsfiddle.net/GcyY3/

[kamil4u]

http://jsfiddle.net/GcyY3/1/ ? Jeśli nie to opisz bardzo dokładnie co chcesz osiągnąć.

[-Gość-]

Dokładnie o to chodziło, dzięki wielkie , aż mi się nie chce wierzyć, że problem leżał w tym aby "chained" był pod tym wszystkim ...