---
title: "options[0].selected?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/52911-options-0-selected"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "mozilla"
published: "2002-09-11T21:39:58.000Z"
updated: "2002-12-09T22:10:42.000Z"
replies: 10
views: 401
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/52911-options-0-selected"
---

# options[0].selected?

## #1 — mozilla, 2002-09-11T21:39Z

Jag har en select lista där man via knappar kan markera värden i listan, det är ingen *MULTIPLE* lisa så man kan bara markera ett alternativ. Men jag får inte min avmarkeraknapp att fungera? Hur ska jag göra det? jag markerar dem genom:

options\[0\].selected = true 

att ändra till false fungerar inte, det går dock om man gör om listan till *MULTIPLE*, men det vill jag inte. Hur löser man det?

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

## #2 — mikkeX, 2002-09-12T07:28Z

options\[0\] är det första valet på menyn, eftersom javascript räknar '1' som '0'.

Vet inte riktigt vad du vill åstadkomma men här är i alla fall i en liten funktion som markerar olika poster - varav första alternativet är 'tom':

```
<script type="text/javascript">
<!--
function andraVal(vilken) {
    document.form1.minMeny.selectedIndex = vilken;
}
//-->
</script>
```

Och formuläret:

```
<form name="form1" action="">
  <select name="minMeny">
  <option value="0"></option>
    <option value="1">ett</option>
    <option value="2">tv&aring;</option>
    <option value="3">tre</option>
  </select>
</form>
```

och valen:

```
<a href="javascript:andraVal(0)">inget</a> 
<a href="javascript:andraVal(1)">ett</a> 
<a href="javascript:andraVal(2)">tv&aring;</a> 
<a href="javascript:andraVal(3)">tre</a>
```

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

## #3 — mozilla, 2002-09-12T15:42Z

jo så långt har jag kommit, men jag vill ha en "avmarkera" knapp, som gör så att inget alternativ har focus?

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

## #4 — mikkeX, 2002-09-12T17:22Z

Hänger inte med - varför vill göra den ur fokus.

Här har du en sådan funktion - vad den nu gör för nytta:

```
<!--
function andraVal(vilken) {
    document.form1.minMeny.selectedIndex = vilken;
}

function ingeFokus(vilken) {
    document.form1.minMeny.blur();
}
//-->
</script>
```

Och menyn igen

```
<form name="form1" action="">
  <select name="minMeny">
  <option value="0"></option>
    <option value="1">ett</option>
    <option value="2">tv&aring;</option>
    <option value="3">tre</option>
  </select>
</form>
```

och till slut länkarna:

```
<a href="javascript:ingeFokus(0)">inget</a> 
<a href="javascript:andraVal(1)">ett</a> 
<a href="javascript:andraVal(2)">tv&aring;</a> 
<a href="javascript:andraVal(3)">tre</a>
```

Men som sagt, jag förstår inte riktigt meningen, så därför är det väl kanske inte en sådan här funktion du är ute efter...

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

## #5 — mozilla, 2002-09-12T17:47Z

Okej, fokus var inte rätt val av ord, det jag menar är att den inte ska vara markerad. dvs *selected = false;*(men de fungerar inte så klart)

Jag vill att listan ska se ut som den gjorde när man kom in på sidan, dvs inget alternativ ska vara markerat.(blåfärgade i ie)

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

## #6 — Jojoxx, 2002-09-12T17:51Z

När en selectlista (som har size 2 eller mer) laddas (och du inte har "selected" på något av dess options) har den selectedIndex -1 vilket du kan återställa den till när du vill för att "avmarkera" valt alternativ. Är det så du menar?

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

## #7 — mozilla, 2002-09-12T18:11Z

precis så... tackar  :e

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

## #8 — mikkeX, 2002-09-12T19:28Z

Aha :-)

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

## #9 — pnisv97, 2002-12-06T15:53Z

Det fungerar jättebra när id alltid stämmer överens med förekomsten i select satsen. 
Men hur ska man göra om mina två select boxar är sorterade efter Option texten ?? Jag vill alltså att väljer man Abortiporus biennis i första select boxen så ska id=228 visas i andra text boxen..

HJÄLP !!.. 

```
<select name="redlistspecies1" class="enkatselect" onChange="this.form.redlistspecies2.selectedIndex = this.options[this.selectedIndex].value"> 
<option value="0">Välj -></option>
<option value="228">Abortiporus biennis</option>
<option value="357">Abrostola triplasia</option>
<option value="91">Acer campestre</option>
<option value="552">Acipenser sturio </option>
<option value="356">Acleris quercinana</option>
</select>

<select name="redlistspecies2" class="enkatselect" onChange="this.form.redlistspecies1.selectedIndex = this.options[this.selectedIndex].value"> 
<option value="0" selected>Välj -></option>
<option value="357">barkänger</option>
<option value="552">bastardpärlemorfjäril</option>
<option value="356">bergand</option>
<option value="228">berglärka</option>
</select>
```

Tack på förhand..

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

## #10 — pnisv97, 2002-12-09T09:22Z

Är det verkligen ingen som kan detta ??

 :)

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

## #11 — mozilla, 2002-12-09T22:10Z

Du får nog göra ett lite större script för detta. För *selectedIndex* känner ju av vilken post du har markerat. Så gör istället en **for** loop där du går igenom alla options, och den som har samma value sätter du selectedIndex på. Jag kan tyvärr inte ju så mycket bättre svar, då jag själv inte är helt hundra. men tror det skulle fungera.

något i stil med(helt otestad)

```
for(i=0;i< document.forms[0].redlistspecies2.length;i++){
if(document.forms[0].redlistspecies2[i].value == document.forms[0].redlistspecies1[document.forms[0].redlistspecies1.selectedIndex].value) { document.forms[0].redlistspecies2[i].selected = true; }
}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/52911-options-0-selected