[JavaScript] PRE-setten van select boxen?

Pagina: 1
Acties:

  • BobDay
  • Registratie: December 2001
  • Laatst online: 11-08-2025
Hoe moet ik onderstaand JavaScript aanpassen, zodat ik beide 'select'-boxen kan PRE-setten.
Want ik krijg het maar niet voor elkaar!
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
<head>
<title>Dinamische Selector</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript">
function setsong()
{
  var selectalbum = document.GiveAnswer.album;
  var thealbum = selectalbum.options[selectalbum.selectedIndex].value;
  var selectsong = document.GiveAnswer.song;
  selectsong.options.length = 0;

  if(thealbum != "") {
   if(thealbum == "AlbumName 1") {
    var arr = new Array("ASong 1", "ASong 2", "ASong 3", "ASong 4", "ASong 5");
   }
   if(thealbum == "AlbumName 2") {
    var arr = new Array("BSong 1", "BSong 2", "BSong 3", "BSong 4", "BSong 5");
   }
   for(var i=0; i<arr.length; i++) {
    selectsong.options[selectsong.options.length] = new Option(arr[i]);
    selectsong.options[i].value = arr[i];
   }
    selectsong.options[0].selected = true;
  }
}
</script>

</head>
<body text="#000000">

 <form name="GiveAnswer" method="post" action="answer.php">
  <table><tr><td>&nbsp;Album:</td><td>
 
  <select name="album" onChange="setsong();">
   <option value="AlbumName 1">AlbumName 1</option>
   <option value="AlbumName 2">AlbumName 2</option>
  </select>

</td></tr><tr><td>&nbsp;Song:</td><td>

  <select name="song">
   <option value="">XXXXXXXXXXXXXXXXXXXXXXXX</option>
  </select>

  </td></tr></table>
 </form>
 <script type="text/javascript" language="JavaScript">setsong();</script>
</body>
</html>

43% of all statistics are worthless


  • BobDay
  • Registratie: December 2001
  • Laatst online: 11-08-2025
Trap!

43% of all statistics are worthless


  • Bluestorm
  • Registratie: Januari 2000
  • Laatst online: 20-08-2022
'k snap niet helemaal waarom je dat in javascript zou willen doen... wat is er mis mee om 'm gewoon met HTML te presetten.... ( <option value='bla' selected>blaat</option )

Tenminste... dat [ denk / zie / weet ] ik... | Javascript obfuscator | foto's en video's uploaden


Verwijderd

Op dinsdag 01 januari 2002 17:36 schreef Bluestorm het volgende:
<option value='bla' selected>blaat</option>
Als je dan gelijk xhtml gebruikt, dan heb je veel minder last van browser compatibiliteit
code:
1
<option value="bla" id="select1" selected="selected">blaat</option>

Zo dus :)

Verwijderd

Nau, bovenstaand script verandert de inhoud van de tweede select-box op basis van de gekozen waarde ui select-box 1.

edit:
Dit is geschreven door Bob Day, per ongeluk het cookie van spieker gebruikt