Notifikationer

Markér alle som læst Log ud

riversen Nybegynder

11. november 2003 - 15:04 Der er 13 kommentarer og
1 løsning

tilføj til liste

<table>
<tr>
<td><input type="text" name="tekst" class="input"></td>
<td>
<button name="tilfoej" class="button">tilføj >></button>
<br />
<button name="fjern" class="button"><< fjern</button></td>
<td>
<select size="5" style="width: 200px;" name="liste" class="input">
</select>
</td>
</tr>
</table>

hvordan tilføjer jeg til listen ved tryk på tilføj og fjerner fra listen ved tryk på fjern?

Synes godt om

riversen Nybegynder

11. november 2003 - 15:07 #1

og hvad hvis jeg poster den formular...hvordan vil listen så modtages i php...som et array?

Synes godt om

jakobclausen Nybegynder

11. november 2003 - 15:09 #2

Hvis du skriver: name="tekst[]" vil det blive opfattet som et array

Synes godt om

bearhugx Nybegynder

11. november 2003 - 15:17 #3

hvad vil du fjerne fra listen ved klik på knappen [fjern] - det sidst tilføjede eller ?

Synes godt om

grunken Nybegynder

11. november 2003 - 15:24 #4

Sådan her :)

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

<body onload="init();">
<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>
</body>

Synes godt om

riversen Nybegynder

11. november 2003 - 15:27 #5

bearhugx: det markerede element

Synes godt om

riversen Nybegynder

11. november 2003 - 15:30 #6

grunken: hvad gør init godt for?

Synes godt om

riversen Nybegynder

11. november 2003 - 15:34 #7

det er nemlig en formular der inkluderes, så den er jo ikke til rådighed hele tiden, og det giver vel fejl i init

Synes godt om

grunken Nybegynder

11. november 2003 - 15:36 #8

riversen, jeg laver altid en sådan function der sætter variablerne jeg skal bruge senere ;), men hver sin stil jo ;)
sådan så ;)

<script type="text/javascript">
function tilfoej() {
opt = document.getElementById('liste')
txt = document.getElementById('tekst')
opt[opt.length] = new Option(txt.value, txt.value);
}

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

og så kan du roligt fjerne den onload ;)

Synes godt om

bearhugx Nybegynder

11. november 2003 - 15:48 #9

Her er så mit lille forslag til, hvordan det kan gøres :
<html>
<head>
<script type="text/javascript">
function add() {
var d = new Date();
var sel = document.getElementById("mySelect");
var newNode = document.createElement("option");
var label = document.createTextNode("["+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()+"."+d.getMilliseconds()+"]");
newNode.setAttribute("value", ""+d.getTime()+"");
newNode.appendChild(label);
sel.appendChild( newNode );
}
function remove() {
var sel = document.getElementById("mySelect");
sel.remove( sel.selectedIndex );
}
</script>
</head>
<body>
<form>
<input type="button" value="add" onclick="add();"/>
<input type="button" value="remove" onclick="remove();"/>
<select id="mySelect" size="8">
</select>
</form>
</body>
</html>

Synes godt om

bearhugx Nybegynder

11. november 2003 - 15:50 #10

var label = document.createTextNode("["+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()+"."+d.getMilliseconds()+"]"); ==> sætter den tekst, som kommer til at stå imellem <option> og </option> - og altså er den label, man som bruger kommer til at se ---

newNode.setAttribute("value", ....) sætter den værdi, som bliver sendt afsted ved en submit

Synes godt om

grunken Nybegynder

11. november 2003 - 15:57 #11

og så mangler vi osse lige at tilføje lidt til fjern tingen ;)

function fjern() {
opt = document.getElementById('liste')
sel = opt.selectedIndex
if (sel!=-1)opt.remove(sel);
}
</script>

Synes godt om

riversen Nybegynder

13. november 2003 - 19:38 #12

smid et svar grunken

Synes godt om

riversen Nybegynder

14. november 2003 - 17:08 #13

kom så du

Synes godt om

grunken Nybegynder

14. november 2003 - 17:42 #14

Ooooops :)

Sorry, det kommer her :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	I går 10:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS