Avatar billede xantor Nybegynder
29. maj 2002 - 18:36 Der er 4 kommentarer og
2 løsninger

OnChange i Selects

Hey.

Jeg skal bruge en javascript kode som kan ændre indholdet i en form select alt efter hvad du vælger i en anden form select... nogen der kan producerer dette

På forhånd tak :-)
Avatar billede =maddog= Nybegynder
29. maj 2002 - 18:56 #1
jakoba har en på hans side. kan ikke huske url'en.
Avatar billede Slettet bruger
29. maj 2002 - 19:10 #2
Avatar billede =maddog= Nybegynder
29. maj 2002 - 19:59 #3
uha phoenixv. du bruger document.all der. det giver dårlig motorgang i min Netscape.
Avatar billede Slettet bruger
30. maj 2002 - 09:03 #4
Ja, jeg lavede det specifikt til IE. Men det kan selvfølgelig hurtigt ændres til også at virke i NS!
Avatar billede =maddog= Nybegynder
30. maj 2002 - 09:07 #5
naturligvis amigo. bare så xantor var klar over det. scriptet i sig selv er elegant. svært at lave bedre.
Avatar billede o-zone Nybegynder
03. juni 2002 - 12:17 #6
Jeg kan ikke rigtigt gennemskue om der er svaret tilfredsstillende på det her, men for lang tid siden lavede jeg følgende (ikke særligt fancy eller noget, men det kan jo ikke blive kunst hver gang ;-) )


---8<----------
<BODY>
<script language="javascript">
<!-- //
function prepareOrd()
{
  var opt = document.forms[0].ord.options;
  var bogst = document.forms[0].bogstav.selectedIndex;
 
  if (bogst==0)
  {
    opt.length=1;
    opt[0].text="vælg bogstav ovenfor";   
    opt.selectedIndex=0;
  }
 
  if (bogst==1)
  {
    opt.length=4;
    opt[0].text="vælg ord";
    opt[1].text="Abekat";
    opt[2].text="Ananas";
    opt[3].text="Appelsin (og det er et meget langt element i denne liste!)"
    opt.selectedIndex=0;
  }
  if (bogst==2)
  {
    opt.length=3;
    opt[0].text="vælg ord";
    opt[1].text="Bison";
    opt[2].text="Bror Bjørn";   
        opt[3]=null;
    opt.selectedIndex=0;
  }
  if (bogst==3)
  {
    opt.length=2;
    opt[0].text="vælg ord";
    opt[1].text="Citron";
        opt[2]=null;
        opt[3]=null;
    opt.selectedIndex=0;
  }
}
//-->
</script>

<FORM>
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4">
  <TR BGCOLOR="#eeeeee">
    <TD>Ord der begynder med:</TD>
    <TD>
      <SELECT NAME="bogstav" onChange="java script:prepareOrd()">
        <OPTION selected>vælg bogstav</OPTION>
        <OPTION>A</OPTION>
        <OPTION>B</OPTION>
        <OPTION>C</OPTION>
      </SELECT>
    </TD>
  </TR>
  <TR BGCOLOR="#eeeeee">
    <TD>Ord:</TD>
    <TD>
      <SELECT NAME="ord">
        <OPTION selected>vælg bogstav ovenfor</OPTION>
      </SELECT>
    </TD>
  </TR>
  <TR ALIGN="CENTER" BGCOLOR="#666666">
    <TD COLSPAN="2">
      <INPUT TYPE="submit" NAME="Submit3" VALUE="Send">
      <INPUT TYPE="RESET" NAME="Submit4" VALUE="Ryd">
    </TD>
  </TR>
</TABLE>
</FORM>

</BODY>
---8<----------
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester