Avatar billede walker Nybegynder
15. juli 2003 - 15:23 Der er 10 kommentarer og
2 løsninger

innerHTML udskiftning af indhold

Hej.
Jeg er ved at forsøge at lave to select-boxe hvor valg i den ene, udskifter valgmulighederne i den anden box. Det jeg har gjort er at lave en onClick på den første box, som kalder js-funktionen. i funktionen prøver jeg med noget som følgende:

document.getElementById("box2").innerHTML = "<OPTION>abc</OPTION>"

det kan jeg imidlertid ikke... hvis jeg umidlbart efter ovenstående line udskriver (med alert) innerHTML, mangler det første OPTION tag?? Hvorfor det, og hvordan gør jeg så?

mvh
Walker
Avatar billede grunken Nybegynder
15. juli 2003 - 15:33 #1
selv om det er en bøvlet metode at lave det på, er det så ikke bare fordi at du overskriver den nuværende ?

gør sådan i stedet!

document.getElementById("box2").innerHTML += "<OPTION>abc</OPTION>"
Avatar billede walker Nybegynder
15. juli 2003 - 15:36 #2
nej, det er lige gyldigt hvordan jeg bruge += osv... det er simpelthen noget med nogle html koder... hvis jeg skriver &nbsp<OPTION>abc</OPTION> kan den godt udskrive hele strengen... men tilgengeld kommer der ikke noget i selectboxen...

en bøvlet metode, hvad kunne jeg ellers gøre? :)
Avatar billede roenving Novice
15. juli 2003 - 15:53 #3
I princippet skal du oprette en ny node på document og så appende den som childnode på select'en -- men jeg kan ikke lige finde eksemplet på det -- har set det i denne måned, men hvor(når) ?-)
Avatar billede grunken Nybegynder
15. juli 2003 - 16:14 #4
Avatar billede roenving Novice
15. juli 2003 - 16:14 #5
Sådan:

<head>
<script language="javascript" type="text/javascript">
numOpts=0;
function appendOption(){
    b=document.getElementById('box');
    o=document.createElement('OPTION');
    b.appendChild(o);
    o.value="Nummer "+numOpts;
    o.id="O"+numOpts;
    o.text="Nummer "+numOpts++;
}
</script>
</head>
<body>
<form>
<select name="box" id="box">
</select>
<br>
<button onclick="appendOption();">Tilføj option</button>
</form>
</body>
</html>
Avatar billede roenving Novice
15. juli 2003 - 16:15 #6
grrrrunken -- 2 secs !-)
Avatar billede grunken Nybegynder
15. juli 2003 - 16:23 #7
hehe ;)
Avatar billede walker Nybegynder
20. juli 2003 - 14:44 #8
ok, takker :) heh, post lige et svar :)
Avatar billede atheist Nybegynder
26. juli 2003 - 23:21 #9
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta name="Generator" content="Stone's WebWriter 4 BETA 6">
<script type="text/javascript">

var maaneder = new Array(31,28,31,30,31,30,31,31,30,31,30,31)
var maanederne = new Array("Januar", "Februar", "Marts", "April", "Maj", "Juni", "Juli", "August", "September", "Oktober", "November", "December")

var dag = new Date()
var dato = dag.getDate()
var maaned = dag.getMonth()
var kode
var antaldag =maaneder[maaned]
var regmonth
function mdr(){
kode=" Til: &nbsp; <select name='valgtmaaned' >"
var snyd = -regmonth-1
snyd = -snyd
    for (var a=snyd;2003>=a;a++){
        kode =kode+"<OPTION value="+a+">"+a
    }   
    kode = kode+"</option>"
    valg.innerHTML = kode
}
function initpage(){
    var kodemdr =" <select name='valgtdag' onchange='shoew()'>"

    for (var a=1960;2003>=a;a++){
        kodemdr =kodemdr+"<OPTION value="+a+">"+a
    }
    kodemdr = kodemdr+"</option>"
    valgmdr.innerHTML = kodemdr
}

function reg(){
    var regdag    =    document.formen.valgtmaaned.value        <!-- Den dag der er registreret -->   
   
    var checked = "not"

    if (dato>=regdag && regmonth==maaned){
        checked = "ok" <!-- ikke røre denne linje -->
    }
    if (regmonth == maaned-1 && 5>dato){
        checked = "ok" <!-- ikke røre denne linje -->
    }
    if (checked == "not"){   
        alert("Beklager, den gik ikke")<!-- Denne sætning kører hvis der er noget galt -->
    }
    else {
            var aar = dag.getYear()     


<!-- Denne sætning kører hvis alt er ok -->
    }
}
function shoew(){
    valg.style.visibility="visible"
regmonth = document.formen.valgtdag.value  <!-- Den måned der er registreret -->
    mdr()

}
</script>



    <title>[Ingen titel]</title>
</head>
<body onload="initpage()">
<form name="formen">Fra:
<a id="second"  name="valgmdr" > </a><br>
<a id="valg" style="visibility:hidden"> </a>
</form>
</body>
</html>

Håber du kan gennemskue princippet...
Avatar billede walker Nybegynder
16. august 2003 - 09:16 #10
hvis i lige poster svar, så udeler jeg point
Avatar billede atheist Nybegynder
16. august 2003 - 09:55 #11
Hvem af os?
Avatar billede roenving Novice
16. august 2003 - 10:15 #12
Bueno '-)
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