23. juni 2003 - 17:05
Der er
4 kommentarer og 1 løsning
X antal bokse efter valgt x
Jeg har en side med upload af nogle billeder. Det skal være muligt at vælge hvor mange billeder man vil uploade af gangen således: <select name="antal_billeder"> <option value="0">0 billeder</option> <option value="1">1 billeder</option> <option value="2">2 billeder</option> <option value="3">3 billeder</option> <option value="4">4 billeder</option> <option value="5">5 billeder</option> <option value="6">6 billeder</option> <option value="7">7 billeder</option> <option value="8">8 billeder</option> <option value="9">9 billeder</option> <option value="10">10 billeder</option> </select> Dernæst... altså på samme side og uden at siden skal hentes igen... vil følgende <input> komme frem i det korrekte antal. DVS. hvis jeg lige har valgt "6 billeder" i ovenstående select-boks, fremkommer 6 af disse: <input type="file" name="userfile" size="50"> Det skal ske (skiftet fra fx 0 til 6 input-bokse) uden at siden refreshes...
Annonceindlæg fra Infor
sådan noget ligende ? <script language="javascript" type="text/javascript"> function hund(a){ b = document.getElementById('noget') b.innerHTML = ""; for (i=0;i<a;i++) b.innerHTML += "<input type=\"file\" name=\"userfile\""+i+" size=\"50\"><BR>"; } </script> <form> <select name="antal_billeder" onchange="hund(this.value);"> <option value="0">0 billeder</option> <option value="1">1 billeder</option> <option value="2">2 billeder</option> <option value="3">3 billeder</option> <option value="4">4 billeder</option> <option value="5">5 billeder</option> <option value="6">6 billeder</option> <option value="7">7 billeder</option> <option value="8">8 billeder</option> <option value="9">9 billeder</option> <option value="10">10 billeder</option> </select> </form> <div id="noget"></div> Jeg går ud fra at fil-feltet's navn skal variere lidt, så deres name bliver userfile+nummer :)
Den er elegant, grunken :) Nedenstående afspejler en anden tankegang - men det er længere kode: <html> <script language="javascript"> function SkjulVis() { var sel = antal_billeder.value; SkjulAlt(); // Vis de respektive billeder if (sel > 0) b1.style.visibility = "visible"; if (sel > 1) b2.style.visibility = "visible"; if (sel > 2) b3.style.visibility = "visible"; if (sel > 3) b4.style.visibility = "visible"; if (sel > 4) b5.style.visibility = "visible"; } function SkjulAlt() { // Skjul alle billeder b1.style.visibility = "hidden"; b2.style.visibility = "hidden"; b3.style.visibility = "hidden"; b4.style.visibility = "hidden"; b5.style.visibility = "hidden"; } </script> <body onload="SkjulAlt();"> <select name="antal_billeder" onchange="SkjulVis();"> <option value="0">0 billeder</option> <option value="1">1 billeder</option> <option value="2">2 billeder</option> <option value="3">3 billeder</option> <option value="4">4 billeder</option> <option value="5">5 billeder</option> </select> <br> <br> <span id="b1"><input type="text" value="f1"><br></span> <span id="b2"><input type="text" value="f2"><br></span> <span id="b3"><input type="text"><br></span> <span id="b4"><input type="text"><br></span> <span id="b5"><input type="text"><br></span> </body> </html>