Avatar billede javanewbie Nybegynder
27. januar 2004 - 15:28 Der er 5 kommentarer og
1 løsning

Hente variabel

Hvis jeg har en selectbox på en side, kan jeg hente den således:

document.getElementById('selectbox1');

Men ligeså snart jeg lægger den ind i en <form> du det ikke. Hvordan skal det så gøres?
Avatar billede grunken Nybegynder
27. januar 2004 - 15:32 #1
når et element ligger i en form er den mest logiske måde at finde det på vha.

document.FORMNAVN.selectbox1

eller

document.forms['FORMNAVN'].selectbox1
Avatar billede grunken Nybegynder
27. januar 2004 - 15:34 #2
...og det kræver selvfølgelig at din form ser sådan ud!

<form name="FORMNAVN">
<input type="select" name="selectbox1"/>
</form>
Avatar billede javanewbie Nybegynder
27. januar 2004 - 15:49 #3
Hmmm. Nej. Desværre...

Jeg forhøjer lige point...

Følgende eksempel virker fint. Bemærk at FORM er kommenteret ud.

<html>
<head>
<script type="text/javascript">
function init(){
  opt = document.getElementById('liste');
  txt = document.getElementById('tekst');
}

function tilfoej() {
  opt[opt.length] = new Option(txt.value, txt.value);
}

function fjern() {
  sel = document.getElementById('liste').selectedIndex;
  opt.remove(sel);
}

</script>
</head>
<body onload="init();">
<!--
<form name="form1" id="form1" action="http://lady.dsb.dk/servlet/SnoopServlet">
-->
<table>
    <tr>
        <td><input type="text" name="tekst" id="tekst" class="input"></td>
        <td>
            <button name="tilfoej" class="button" onclick="tilfoej();">tilføj >></button>
            <br />
            <button name="fjern" class="button" onclick="fjern()"><< fjern</button></td>
        <td>
            <select size="5" style="width: 200px;" id="liste" name="liste" class="input">
            </select>
        </td>
    </tr>
</table>
<!--
</form>
-->
</body>
</html>


Nu vil jeg gerne have fjernet kommentarerne og have det til at virke... :-)
Avatar billede grunken Nybegynder
27. januar 2004 - 16:10 #4
:o)

<html>
<head>
<script type="text/javascript">
function init(){
  opt = document.form1.liste;
  txt = document.form1.tekst;
}

function tilfoej() {
  opt[opt.length] = new Option(txt.value, txt.value);
}

function fjern() {
  sel = document.form1.liste.selectedIndex;
  if(sel!=-1)
  opt.remove(sel);
}

</script>
</head>
<body onload="init();">
<form name="form1" action="http://lady.dsb.dk/servlet/SnoopServlet">
<table>
    <tr>
        <td><input type="text" name="tekst" class="input"></td>
        <td>
            <input type="button" class="button" value="tilføj >>" onclick="tilfoej()"/>
            <br />
            <input type="button" class="button" value="<< fjern" onclick="fjern();"></td>
        <td>
            <select size="5" style="width: 200px;" name="liste" class="input"/>
      </td>
    </tr>
</table>
</form>
</body>
</html>
Avatar billede javanewbie Nybegynder
27. januar 2004 - 16:46 #5
Halleluja. Smid et svar. :-)
Avatar billede grunken Nybegynder
27. januar 2004 - 16:56 #6
:o)

velbekomme :-)
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

IT-JOB

Rambøll Management Consulting

Senior AI Engineer

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Unified Communications specialist til IT-Operations i Cyberdivisionen

Politiets Efterretningstjeneste

Teknisk IT-sikkerhedsspecialist i PET

Politiets Efterretningstjeneste

Fullstack softwareudvikler i PET