select og disable en anden

En rå skitse:

<script type="text/javascript">
function changeSels(sel){
  var f = sel.form, secSel = f.din;
  //if(sel.value == "Alt1"){//der kan vælges mellem at bruge selectedIndex og value !-)
  if(sel.selectedIndex == 1){
    secSel.disabled = false;
  }else{
    secSel.disabled = true;
    secSel.selectedIndex = 0;
  }
}
</script>

<form>
<br>
...<br><br>
<select name="min" onchange="changeSels(this);">
  <option>Vælg type</option>
  <option value="Alt1">Type 1</option>
  <option value="Alt2">Type 2</option>
  <option value="Alt3">Type 3</option>
</select>
<br>
<select name="din" disabled="disabled">
  <option>Vælg type</option>
  <option value="Alt1">Type 1</option>
  <option value="Alt2">Type 2</option>
  <option value="Alt3">Type 3</option>
</select>

<br><br>
...<br>
</form>

Afhængig af behovet kan det forkortes til:

<script type="text/javascript">
function changeSels(sel){
  sel.form.din.disabled=(sel.selectedIndex==0);
}
</script>

Roenving's første skulle nok også
lige vendes en gang hvis du vælger den...
( [Hvis jeg vælger 1 i "min" så skal "din" disables. Ved valg af 2 eller 3 i "min" skal "din" være enabled.  ] Roenving's gjorde det modsat og enablede ved Vælg type, samt valg nr. 2 & 3 )


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function changeSels(sel){
  var f = sel.form, secSel = f.din;
  //if(sel.value == "Alt1"){//der kan vælges mellem at bruge selectedIndex og value !-)
  if(sel.selectedIndex == 0){
    secSel.disabled = true;
  }else{
    secSel.disabled = false;
    secSel.selectedIndex = 0;
  }
}
</script></head>

<body>
<form>
<br>
...<br><br>
<select name="min" onchange="changeSels(this);">
  <option value="Alt1">Type 1</option>
  <option value="Alt2">Type 2</option>
  <option value="Alt3">Type 3</option>
</select>
<br>
<select name="din" disabled="disabled">
  <option value="Alt1">Type 1</option>
  <option value="Alt2">Type 2</option>
  <option value="Alt3">Type 3</option>
</select>
</body></html>

(Blot et par mindre justeringer)

ups 19/08-2006 11:08:08 skulle lige pilles ved en gang mere...
(jeg glemte at flytte den nulstilling af selectedIndex)

<script type="text/javascript">
function changeSels(sel){
  var f = sel.form, secSel = f.din;
  //if(sel.value == "Alt1"){//der kan vælges mellem at bruge selectedIndex og value !-)
  if(sel.selectedIndex == 0){
    secSel.disabled = true;
    secSel.selectedIndex = 0; // Slet evt. denne linje hvis nulstilling skal deaktiveres
  }else{
    secSel.disabled = false;
  }
}
</script>

^ - Sammen med struktur i 19/08-2006 11:08:08
... ellers er der den korte udagave 19/08-2006 11:04:41

Et par små ændringer og det virker perfekt - super.

Svar så du kan få point

Det var til roenving - havde ikke set clemens

Jeps, det er Roenvings point, jeg ville bare kaste et
par forslag til justeringer nu vi havde en "rå kode" :o)

Velbekomme '-)

-- og tak for point ;~}