uaktywnienie <select> radiobuttonem, uaktywnienie <select> radiobuttonem Opcje

[vojtasek]

Witam napisałem takie coś:
plik index.php

[HTML] pobierz, plaintext 
<div>
<form name="aradio">
 
    <input name="aoption" value="activ" onClick="assen()" type="radio">Stahl</br>
    <select name="option" disabled="disabled">
    <option>150</option>
    <option>200</option>
    <option>250</option>
    <option>170</option>
    <option>300</option>
    <option>350</option>
    <option>400</option>
    <option>500</option>
    <option>700</option>
    </select></br>
  </form></div>
[HTML] pobierz, plaintext 

i funkcję:

[HTML] pobierz, plaintext 
function assen()
 {
  document.forms[0].option.disabled=false;
  document.forms[0].option.value="";
  for(var i=0;i<document.forms[0].elements.length;i++)
  {
   if(document.forms[0].elements[i].value=="activ")
     {
       if(document.forms[0].elements[i].checked==true){
        document.forms[0].option.disabled=false;
       }
     }
     }
    }
[HTML] pobierz, plaintext 

problem jest taki że mi to nie działa a do tego forma w div chciałbym dodać jeszcze 2 możliwości uaktywniania <select>

ma to działać tak że jak wybiorę Stahl czyli radio stanie się zaznaczony uaktywni <select> bym mógł wybrać z niego wartość.

Grupa radio będzie sztuk 3 i każdy radio będzie miał <select>.

[mortus]

A nie łatwiej tak:

[HTML] pobierz, plaintext 
<form action="" method="post">
 <p><input type="radio" name="aoption" value="option" onchange="activate(this); return false;" />Stah1</p>
 <p>
  <select id="option" name="option" disabled="disabled">
    <!-- options -->
  </select>
 </p>
</form>
<script type="text/javascript">
 function activate(element) {
  if(element.checked) document.getElementById(element.value).disabled = "";
 }
</script>
[HTML] pobierz, plaintext 

Tylko pamiętaj, że pole typu radio jest zaznaczone zawsze, jeśli już raz je zaznaczysz. No chyba, że masz kilka pól radio o tej samej nazwie.

[askone]

Ewentualnie spróbuj coś takiego link

edit

A nie łatwiej tak:

[HTML] pobierz, plaintext 
<form action="" method="post">
 <p><input type="radio" name="aoption" value="option" onchange="activate(this); return false;" />Stah1</p>
 <p>
  <select id="option" name="option" disabled="disabled">
    <!-- options -->
  </select>
 </p>
</form>
<script type="text/javascript">
 function activate(element) {
  if(element.checked) document.getElementById(element.value).disabled = "";
 }
</script>
[HTML] pobierz, plaintext 

Tylko pamiętaj, że pole typu radio jest zaznaczone zawsze, jeśli już raz je zaznaczysz. No chyba, że masz kilka pól radio o tej samej nazwie.

Wydaje mi się, że w Twoim przykładzie this będzie odwoływało się do elementu window, a nie do elementu input... Aby this odwoływało się prawidłowo funkcja obsługująca zdarzenie onchange musiałaby zostać podpięta poprzez input.onchange = activate();

Pozdrawiam

Ten post edytował askone 7.09.2011, 11:36:16

[mortus]

@askone Źle Ci się wydaje

[askone]

@askone Źle Ci się wydaje

Faktycznie coś mi się pomieszało - Zresztą sam z tego korzystam....