Toon posts:

[js] form.select.option selecteren met JS

Pagina: 1
Acties:

maandag 19 augustus 2002 12:43

Acties:
  • supersook
  • Registratie: Januari 2001
  • Laatst online: 26-08 07:39

supersook

Professioneel prutser

Topicstarter
Ik wil dus met JS een option van een select kunnen selecteren, de volgende code heb ik geprobeerd, maar de browser zegt dat het object dat bij onLoad aangeroepen wordt niet bestaat, terwijl dat er dus wel is, of ben ik nu dom bezig?

(en niet gaan zeggen dat het ook heel makkelijk gaat met in de option SELECTED te plaatsen, want dat weet ik ook wel, maar dat wil ik dus niet)

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<html>
<head>
<title>JS select test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body onLoad="document.form1.select.option3.selected = TRUE;">

<form name="form1" method="post" action="">
  <select name="select">
    <option name="option0" value="0">0</option>
    <option name="option1" value="1">1</option>
    <option name="option2" value="2">2</option>
    <option name="option3" value="3">3</option>
    <option name="option4" value="4">4</option>
    <option name="option5" value="5">5</option>
  </select>
</form>

</body>
</html>

maandag 19 augustus 2002 13:18

Acties:

Verwijderd

Dat moet je met de selectedIndex doen :) :

code:
1

MySelect.selectedIndex = 3;


Je kunt die SELECT beter een andere name geven, want anders kán het zijn dat hij de mist in gaat!

woensdag 21 augustus 2002 21:05

Acties:
  • supersook
  • Registratie: Januari 2001
  • Laatst online: 26-08 07:39

supersook

Professioneel prutser

Topicstarter
nog bedantk voor de oplossing

voor alle mensen die dit via de search vinden:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<html>
<head>
<title>JS select test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body onLoad="form1.mySelect.selectedIndex = 3;">

<form name="form1" method="post" action="">
  <select name="mySelect">
    <option name="option0" value="0">0</option>
    <option name="option1" value="1">1</option>
    <option name="option2" value="2">2</option>
    <option name="option3" value="3">3</option>
    <option name="option4" value="4">4</option>
    <option name="option5" value="5">5</option>
  </select>
</form>

</body>
</html>


DIT WERKT
Reageer