[JS] Aktywacja checkboxa po wyborze wpisu z listy select Opcje

[duda007]

Witam, mam pewien problem, poniżej wklejam kawałek kodu z którym mam problem... założeniem jest, aby po wybraniu któregoś wpisu z listy <select> aktywowalo przypisane mu pole/pola checkbox.

[HTML] pobierz, plaintext 
<script type="text/javascript" language="JavaScript">
function off_all(h) {
h.ch1.disabled = true;
h.ch2.disabled = true;
h.ch3.disabled = true;
}
function on_k(h) {
h.ch1.disabled = false;
h.ch2.disabled = true;
h.ch3.disabled = true;
}
function on_o(h) {
h.ch1.disabled = false;
h.ch2.disabled = false;
h.ch3.disabled = true;
}
</script>
<form method="POST" action="index.php?p=podsumowanie">
<select name="umowa">
  <option></option>
  <option onclick="off_all(this.form)">Select1</option>
  <option onclick="off_all(this.form)">Select2</option>
  <option onclick="on_k(this.form)">Select3</option>
  <option onclick="on_k(this.form)">Select4</option>
  <option onclick="on_o(this.form)">Select5</option>
  <option onclick="on_o(this.form)">Select6</option>
  <option onclick="off_all(this.form)">Select7</option>
  <option onclick="off_all(this.form)">Select8</option>
</select><br>
<p><input type="checkbox" name="ch1" value="blabla1" disabled="disabled"> Opcja1 </p>
<p><input type="checkbox" onclick="this.form.elements['ch3'].disabled = this.checked" name="ch2" value="blabla2" disabled="disabled"> Opcja2 </p>
<p><input type="checkbox" onclick="this.form.elements['ch2'].disabled = this.checked" name="ch3" value="blabla3" disabled="disabled"> Opcja3 </p>
<input type="submit" value="DALEJ">
</form>
[HTML] pobierz, plaintext 

Mój problem polega na tym, że powyższy kod działa tylko na przeglądarce Firefox (na Chrome i IE w ogóle nie aktywują się checkboxy obojętnie czego bym nie wybrał z listy). Wiem że do selecta powinno się używać zamiast onclick, onchange, ale po takiej zmianie w ogóle na żadnej przeglądarce nie uzyskuje pożądanego efektu. Jakieś sugestie?

[nospor]

onclick przypisuje się dla SELECT a nie dla OPTION. Tyle w temacie

[kamil4u]

No nie do końca masz rację ~nospor Należy użyć zdarzenia (on)change, nie (on)click.

[duda007]

ok czyli onclick (onchange) mam przerzucić do znacznika <select> to jest ok, tylko w takim razie jak przerobić te funkcje żeby to dzialalo. Bo teraz miałem oddzielne funkcje do każdej opcji, a teraz wszystko musze zawrzeć w 1 funkcji. I moje pytanie, jak to rozwiązać? Bo troszke mi to zmienia koncepcje...

[nospor]

No nie do końca masz rację ~nospor Należy użyć zdarzenia (on)change, nie (on)click.

Chodziło mi o to, że zdarzenie ma być na SELECT a nie na OPTION.... starajmy sie czytać ze zrozumieniem

duda.... a jaki masz problem? this.value bedzie zawierać wartosc opcji, którą wybrałeś - i po problemie
<select onchange="alert(this.value)">

[kamil4u]

To Ty staraj się czytać/pisać ze zrozumiem własne posty.

onclick przypisuje się dla SELECT

To jest nieprawda. Przypisuje się onchange.

Chodziło mi o to, że zdarzenie ma być na SELECT a nie na OPTION

Może i o to Ci chodziło, ale tego nie napisałeś.

Ew. użyj selectedIndex i w funkcji zdarzenia switch
I pokaż co Ci wyszło( nawet jak nie działa ). Spróbujemy coś poprawić

Ten post edytował kamil4u 11.09.2012, 14:13:53

[nospor]

Po pierwsze: no jak się czepiasz dosłownie wszystkiego....
Po drugie: onclick też można przypisać to SELECT mój ty miły kolego. Więc nie gadaj głupot, że nie można. W tym akurat przypadku wszakże lepsze jest onchange, co nie zmienia faktu, że onclick też można.

[duda007]

ok, troszke poprawilem i już działa nie pomyślałem w sumie żeby to zrobić na switch, ale może to dobra opcja (doczytam później jak w JS wygląda składnia switcha), na chwile obecną kod wygląda tak:

[HTML] pobierz, plaintext 
<script type="text/javascript" language="JavaScript">
function disable(h) {
 if (h == "all"){
  document.getElementById("ch1").disabled=true;
  document.getElementById("ch2").disabled=true;
  document.getElementById("ch3").disabled=true;
 }
 if (h == "sw1"){
  document.getElementById("ch1").disabled=false;
  document.getElementById("ch2").disabled=true;
  document.getElementById("ch3").disabled=true;
 }
 if (h == "sw2"){
  document.getElementById("ch1").disabled=true;
  document.getElementById("ch2").disabled=false;
  document.getElementById("ch3").disabled=false;
 }
}
</script>
<form method="POST" action="index.php?p=podsumowanie">
 <select name="umowa" onchange="disable(this.value)">
   <option value="all"></option>
   <option value="all">Opcja1</option>
   <option value="all">Opcja2</option>
   <option value="sw1">Opcja3</option>
   <option value="sw1">Opcja4</option>
   <option value="sw2">Opcja5</option>
   <option value="sw2">Opcja6</option>
   <option value="all">Opcja7</option>
   <option value="all">Opcja8</option>
 </select><br>
  <p><input type="checkbox" name="ch1" id="ch1" value="blabla1" disabled="disabled"> Opcja1 </p>
  <p><input type="checkbox" id="ch2" onclick="this.form.elements['ch3'].disabled = this.checked" name="ch2" value="blabla2" disabled="disabled"> Opcja2 </p>
  <p><input type="checkbox" id="ch3" onclick="this.form.elements['ch2'].disabled = this.checked" name="ch3" value="blabla3" disabled="disabled"> Opcja3 </p>
  <input type="submit" value="DALEJ">
</form>
[HTML] pobierz, plaintext 

EDIT.
Pojawił się pewien problem... wcześniej nie było wartości value wiec formularz wysylal przez POST wartość która była pomiędzy <option>. Teraz jest przypisane value... da się to rozwiązać za pomocą np. id zamiast value? No nie wiem... tak żebym nie musiał pisać x warunków (do każdej opcji oddzielny)?

Ten post edytował duda007 11.09.2012, 14:39:01

[nospor]

A nie możesz do value wkładać to co należy, czyli wartosci option zamiast all,sw1 i sw2? Przecież to co teraz robisz jest bezsensu... value ma odzwierciedlać value a nie ułatwiać budowanie warunków

[duda007]

@nospor, ale jak widzisz, potrzebne mi jest w sumie 3 opcje, a w takim przypadku jak pod value bede miał inne opcje, bede musiał robić 7 warunków (w tym 4 takie same). Próbowałem zrobić taki warunek (oczywiście po przypisaniu do value odpowiednich wartości):

[HTML] pobierz, plaintext 
if ((h == "Opcja1") || (h == "Opcja2")){
...
}
[HTML] pobierz, plaintext 

ale niestety nie działa takie coś Mogę oczywiście zrobić 7x if, albo switch z 7 opcjami, ale to raczej w tym przypadku droga na około...

[kamil4u]

To zrób tak jak ja Ci radziłem. Nie przypisuj value, a skorzystaj z selectedIndex

--edit--
Aczkolwiek fakt faktem, że jak przypiszesz value i zrobisz tak jak radzi ~nospr będzie lepiej pod względem HTML-owskim

Ten post edytował kamil4u 11.09.2012, 15:10:17

[nospor]

O to:
if ((h == "Opcja1") || (h == "Opcja2")){

...

}
powino działać bez problemu. Pewnie zrobiłeś jakiś głupi błąd. Pokaż cały kod

[duda007]

faktycznie zrobiłem głupi błąd... już poprawiłem i działa jak należy
Mianowicie mój błąd polegał że w pierwszym warunku dałem

[HTML] pobierz, plaintext 
if (h == (("Opcja3" || "Opcja4")){
[HTML] pobierz, plaintext 

i wydaje mi sie że tutaj był błąd i nie sprawdzało z jakiejś przyczyny nawet drugiego warunku ale już działa jak trzeba, dziękuje za pomoc

[nospor]

i wydaje mi sie że tutaj był błąd i

Tu się nie ma co wydawać.... to jest dość oczywiste