Toon posts:

[JS] Dynamische selector, niet dynamisch genoeg

Pagina: 1

Acties:

44 views sinds 30-01-2008
Reageer

zaterdag 22 december 2001 19:11

Acties:

BobDay

Topicstarter

Met onderstaande html/JavaScript wordt dynamisch de inhoud van de tweede selector aangepast op basis van de eerste selector. Dit werkt prima, vervolgens kan de gebruiker het formulier versturen. Met een php-script controleer ik de inhoud, mocht er een fout in zitten, dan komt het formulier weer terug en kan de gebruiker de inhoud wijzigen.

Het probleem is echter dat de zojuist gekozen album/song altijd weer terugspringt naar de default instelling: 'AlbumName 1', 'ASong 1'.

Graag zou ik deze regel aanpassen

code:

1	<script type="text/javascript" language="JavaScript">setsong();</script>

dat een nieuwe default insteld, dus zoiets:

code:

1	<script type="text/javascript" language="JavaScript">setsong('AlbumName 2','BSong3');</script>

of zo:

code:

1	<script type="text/javascript" language="JavaScript">setsong(1,2);</script>

note: niet setsong(2,3) omdat array bij 0 begint!

Ik krijg het *#%$!^$ maar niet voor elkaar, kan iemand helpen?

Volgt nu de pagina:

code:

<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>

* 'k heb het toch maar in het P&W fora geplaatst, omdat dit geen simpel 'design'-javascriptje is

43% of all statistics are worthless

zaterdag 22 december 2001 19:21

Acties:

wasigh

wasigh.blogspot.com

toch hoort javascript in W&G

maandag 24 december 2001 10:23

Acties:

BobDay

Topicstarter

Is het wel duidelijk genoeg uitgelegd?

43% of all statistics are worthless

Reageer