---
title: "Gråmarkera tre \"select-listor\" när man klickar i radio"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/62086-gråmarkera-tre-select-listor-när-man-klickar-i-radio"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Peeer"
published: "2002-12-13T16:40:31.000Z"
updated: "2002-12-14T17:55:03.000Z"
replies: 4
views: 279
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/62086-gråmarkera-tre-select-listor-när-man-klickar-i-radio"
---

# Gråmarkera tre "select-listor" när man klickar i radio

## #1 — Peeer, 2002-12-13T16:40Z

```
<input type="radio" name="typ" Value="0" checked> 0 <br>
<input type="radio" name="typ" Value="1"> 1<br><br>

<select name="year">
 <option selected>2002</option>
 <option>2003</option>
 ....
 <option>2006</option>
</select> -

<select name="month">
 <option>1</option>
 <option>2</option>
 ...
 <option selected>12</option>
</select> -

<select name="day">
 <option>1</option>
 <option>2</option>
 ...
 <option>31</option>
</select>
```

Jag har ovanstående kod i ett formulär. Jag vill att alla selectboxar ska gråmarkeras (disable) när den översta radioknappen (value=0) är markerad, och de ska vara ändringsbara när den undre är markerad. Går det att ordna på något smidigt sätt??

Permalänk: https://www.webforum.nu/p/62086

## #2 — mozilla, 2002-12-13T18:31Z

```
function disabla(obj,value){
  for(i=0;i<document.[i]formnamn[/i][obj].length;i++){
    document.[i]formnamn[/i][obj][_i_].disabled=value;
  }
}
```

och:
\<input type="radio" name="typ" Value="0" checked  onClick="disabla(*selectlistans namn*,'disabled');\> 0 \<br\>
\<input type="radio" name="typ" Value="1" onClick="disabla(*selectlistans namn*,'');\> 1\<br\>

det är i alla fall en grund...

PS ta bort \_.

Permalänk: https://www.webforum.nu/p/885378

## #3 — Peeer, 2002-12-13T22:29Z

Fel: 'document.data\[...\].length' är null eller inte ett objekt.
Såhär ser mitt formulär ut nu (nerkortad variant):

```
<SCRIPT language=javascript>
<!--
function disabla(obj,value){
  for(i=0;i<document.data[obj].length;i++){
    document.data[obj][_i_].disabled=value;
  }
}
//-->
</SCRIPT>

<FORM name="data" onsubmit="return validate(this)" action="Default.asp?do=23r&func=artikel&step=2" method="post">
<b>Typ av artikel:</b><br>
<input type="radio" name="typ" Value="0" checked onClick="disabla(year,'disabled');"> 0<br>
<input type="radio" name="typ" Value="1" onClick="disabla(year,'');"> <br><br>

<select name="year">
 <option>2002</option>
  ...
 <option>2006</option>
</select> -

<select name="month">
 <option>1</option>
 ... 
 <option>12</option>
</select> -
<select name="day">
 <option>1</option>
 ...
 <option>31</option>
</select>

<INPUT type="submit" value="Spara" name="submit">
```

Ser någon något fel? Nästa fråga bli hur man gör för att disablea ALLA selectlistor. Någon?

Permalänk: https://www.webforum.nu/p/885471

## #4 — mozilla, 2002-12-14T17:44Z

du måste ha **' '** runt **year** också

Permalänk: https://www.webforum.nu/p/885751

## #5 — Peeer, 2002-12-14T17:55Z

japp.. Upptäckte det efter att ha läst en annan tråd här alldeles nyss. Provade lite och kom fram till en kod som fungerar:

```
<SCRIPT language=javascript>
<!--
function disabla(obj,value){
  for(i=0;i<document.data[obj].length;i++){
    document.data[obj][_i_].disabled=value;
  }
}
//-->
</SCRIPT>

<FORM name="data" onsubmit="return validate(this)" action="Default.asp?do=23r&func=artikel&step=2" method="post">
<b>Typ av artikel:</b><br>
<input type="radio" name="typ" Value="0" checked onClick="disabla('year','disabled'); disabla('month','disabled');  disabla('day','disabled');"> 0<br>
<input type="radio" name="typ" Value="1" onClick="disabla('year',''); disabla('month','');  disabla('day','');"> <br><br>

<select name="year" disabled>
 <option>2002</option>
  ...
 <option>2006</option>
</select> -

<select name="month" disabled>
 <option>1</option>
 ... 
 <option>12</option>
</select> -
<select name="day" disabled>
 <option>1</option>
 ...
 <option>31</option>
</select>

<INPUT type="submit" value="Spara" name="submit">
```

Tackar för hjälpen!!

Permalänk: https://www.webforum.nu/p/885756

---

Tråden på webben: https://www.webforum.nu/amne/javascript/62086-gråmarkera-tre-select-listor-när-man-klickar-i-radio