Forum PHP.pl > [JavaScript] Swie listy rozijane - żeby zawsze wskazywały to samo?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Swie listy rozijane - żeby zawsze wskazywały to samo?

skleps

21.03.2013, 12:45:51

Na jednej stronie mają pojawić się w dwóch miejscach dwie listy rozwijane select, de facto dotyczące tej samej zmiennej.
No i zgryz - powinny zawsze wskazywać tą samą wartość, niezależnie od tego którą listę jako ostatnią użyje internauta.
czyli jeśli internauta zmieni wartość listy A to lista B powinna się automagicznie uaktualnić do wartości A i vice versa.
Nieważne którą listę jako ostatnią użyje internauta - obie mają wskazywać tą samą wartość ostatnio użytej listy
Czy da się to jakoś zrobić np. Javascriptem?

nospor

21.03.2013, 12:48:36

Da sie. zdarzenie onchange na obie listy a w nim ustawianie wartosci w drugiej na tę wartosc, ktora jest w danej

skleps

21.03.2013, 12:57:37

Cytat(nospor @ 21.03.2013, 12:48:36 )

Da sie. zdarzenie onchange na obie listy a w nim ustawianie wartosci w drugiej na tę wartosc, ktora jest w danej

Thx, mniej więcej łapię- jakiś przykładzik znajdziesz pod ręką?

No i pomyślałem - jak nie będzie działała javascript to kiszka, będą dwie niezsynchronizowane listy....
Czy da się sprawdzić z poziomu php czy u internauty działa javascript i tylko wtedy mu wyświetlić drugą listę rozwijaną?

nospor

21.03.2013, 13:18:25

Skoro łapiesz to po co ci przykładzik?

Cytat

Czy da się sprawdzić z poziomu php czy u internauty działa javascript i tylko wtedy mu wyświetlić drugą listę rozwijaną?

Drugą listę generujesz na dzien dobry ukrytą, a w js ją pokazujesz. Jak koles ma js to mu sie pokaze, jak nie ma to się nie pokaze

skleps

11.04.2013, 12:53:22

Cytat(nospor @ 21.03.2013, 13:18:25 )

Drugą listę generujesz na dzien dobry ukrytą, a w js ją pokazujesz. Jak koles ma js to mu sie pokaze, jak nie ma to się nie pokaze

Dobry pomysł, dziękuję

Ja podchodziłem od drugiej strony, czyli od skryptu php

Dla archiwum:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title></title>
</head>
<body>
<select name="ilosc" id="ilosc" onChange="document.getElementById('ilosckopia').value = this.value;">
<option value="1" selected="selected" >1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<br><br><br><br><br><br><br><br><br>
<select name="ilosckopia" id="ilosckopia" onChange="document.getElementById('ilosc').value = this.value;" style="display:none;" >
<option value="1" selected="selected" >1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<script type="text/javascript">
document.getElementById('ilosckopia').style.display = '';
</script>
<br>
</body>
</html>
[HTML] pobierz, plaintext

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.