Wyświetlanie zmiennej w kodzie HTML bez klikania/przeładowywania Opcje

[szczurcio]

Witam,
chcę, by przy dwóch przyciskach radio, w zależności od tego, który wybrany, lista <select> była aktywna lub nie. Jeśli wybierzemy radio 1, jest aktywna, a jeśli radio 2, nie jest. I tu moje pytanie, jak w JS ustawić, a następnie wyświetlić zmienną w odpowiednim miejscu w kodzie? Jeśli ktoś nie wie, o co chodzi, poniżej podaję, jak by to wyglądało w PHP:

[HTML] pobierz, plaintext 
 
<select name="jakisselect" <?php
if ($radiobuttons == 2)
echo 'disabled="disabled"';
?> >
 
[HTML] pobierz, plaintext 

Ten post edytował szczurcio 29.08.2011, 19:22:47

[kamil4u]

Poczytaj o:
- getElementById <-- zwraca referencję
- onchange
-

Kod

referencja_do_elementu.disabled = 'disabled';

[szczurcio]

Wymyśliłem coś takiego:

[HTML] pobierz, plaintext 
<form action="" method="post">
 
      <input type="radio" name="radiobutton" value="1" onchange="disable(this.value); return false;" /> radio 1
 
      <input type="radio" name="radiobutton" value="2" onchange="disable(this.value); return false;" /> radio 2
 
 
 
     <select id="list"> 
     <option value="1">1</option>
     <option value="2">2</option>
 </select></form>
      <script type="text/javascript">
 
      function disable(nr) {
 
		  if (nr == 1)
 
      document.getElementById("list").disabled = 'disabled';
 
 
}
      </script>
[HTML] pobierz, plaintext 

Niestety, to zostawia listę wyłączoną, nawet po przejściu do radio2, za to lista na początku jest aktywna. Chciałbym, żeby na początku (bez wybrania radio) była nieaktywna, a po przejściu do radio 2 "aktywowała się". Pokombinować coś z onblur?

[mortus]

Skoro ma być na początku nieaktywna, to niech tak będzie:

[HTML] pobierz, plaintext 
<select id="list" disabled="disabled">
<!-- options -->
</select>
[HTML] pobierz, plaintext 

Teraz tylko pozostaje nam java script:

[JAVASCRIPT] pobierz, plaintext 
function disable(nr) {
 if (nr == 1) {
  document.getElementById("list").disabled = "disabled";
 } else {
  document.getElementById("list").disabled = "";
 }
}
[JAVASCRIPT] pobierz, plaintext 

Bardziej odpowiednią nazwą funkcji byłoby switch() zamiast disable().

Ten post edytował mortus 29.08.2011, 20:09:32

[szczurcio]

Mortus, Twoje rozwiązanie jeszcze raz pomogło, dzięki . A co masz na myśli mówiąc "bardziej odpowiednią nazwą"? switch() jest predefiniowaną funkcją JS, więc chyba nie można innej tak nazwać? Oczywiście, mogę się mylić, i nie wiem, czy chodziło Ci o nazwę, czy o użycie switch() zamiast if?

[kamil4u]

Chodziło o to, że "disable" nie odzwierciedla tego co robi funkcja, gdyż ona działa w 2 strony - albo "obezwładnia" element albo wręcz przeciwnie. Lepiej użyć nazwy, która kryje pod sobą to co ta funkcja ma robić np.: toggleDisable .

Tę radę traktuj jako dobry nawyk - nie błąd.

[szczurcio]

A tak, ale to kwestia czysto językowa - chociaż przyznaję rację. Chodzi o to, że mortus zaproponował nazwę switch, a że taka funkcja już w JS istnieje, nie wiem czy można sobie taką samemu zdefiniować.

[kamil4u]

Najlepiej sprawdź samemu:

Kod

<script>
function switch(){
alert(123);
}

switch();
</script>

I już wiesz, że... no właśnie sprawdź co