Avatar billede roo104 Nybegynder
03. februar 2004 - 22:47 Der er 5 kommentarer og
1 løsning

oprette dynamiske tekstfelter

Jeg ville gerne have en funktion som tilføjer en række i en tabel med nogle tekstfelter når brugeren trykker på en knap. Hvergang brugeren trykker skal nedenstående tilføjes. Navnene på felterne skal også være dynamiske:

<tr>
<td width=60><select name=select>
<option>1</option>
<option>2</option>
<option>3</option>
</select></td>
<td width=90><input name=dag type=text size=15></td>
<td width=200><input name=emne type=text size=33></td>
<td width=250><input name=litteratur type=text size=42></td>
<td width=200><input name=fil type=file size=25></td>
</tr>

Kender ikke ret meget til javascript, så hvis en kunen hjælpe mig lidt i gang med hvordan man opretter felter dynamisk ville jeg blive glad.
Avatar billede nute Nybegynder
03. februar 2004 - 23:05 #1
er det noget ála dette du søger ?

http://xperimentum.com/xperten/solutions/javascript/dynaddelements.html

klik på "new paragraph"

hvis det er dette du søger, så kan du højreklikke og tage view source for at få noget inspiration

/nute
Avatar billede roo104 Nybegynder
03. februar 2004 - 23:17 #2
Ja lige præcis, det kunne bare være fedt hvis det også virkede i mozilla :(
Jeg vil lige se om jeg kan forstå det eller vender jeg lige tilbage, men det bliver først i overmorgen en gang.
Avatar billede roenving Novice
04. februar 2004 - 04:04 #3
Sådan noget ?-)

<button onclick="addRow()">Tilføj række</button>
<table><tbody id="tBody"></tbody></table>

<script type="text/javascript">
var num = 0;
function addRow(){
  var tb = document.getElementById("tBody");
  var tr = document.createElement("TR");
  tb.appendChild(tr);
  var td = document.createElement("TD");
  tr.appendChild(td);
  td.width = "60";
  td.innerHTML = '<select name="select' + num + '"><option>1</option><option>2</option><option>3</option></select>';
  td = document.createElement("TD");
  tr.appendChild(td);
  td.width = "90";
  td.innerHTML = '<input name="dag' + num + '" type="text" size="15">';
  td = document.createElement("TD");
  tr.appendChild(td);
  td.width = "200";
  td.innerHTML = '<input name="emne' + num + '" type="text" size="33">';
  td = document.createElement("TD");
  tr.appendChild(td);
  td.width = "250";
  td.innerHTML = '<input name="litteratur' + num + '" type="text" size="42">';
  td = document.createElement("TD");
  tr.appendChild(td);
  td.width = "200";
  td.innerHTML = '<input name="fil' + num + '" type="file" size="25">';
  num ++;
}
</script>

PS. Er kun testet i IE6 og Mozilla 1.5
Avatar billede roo104 Nybegynder
04. februar 2004 - 08:42 #4
Perfect roenving, smid et svar du fortjæner alle pointene, og det virker i Mozilla, og den kode er til at forstå og har kun det der skal bruges :-)

PS. det virker også i mozilla 1.6
Avatar billede roenving Novice
04. februar 2004 - 16:34 #5
Velbekomme '-)
Avatar billede roenving Novice
14. februar 2004 - 01:24 #6
-- og tak for points ;~}
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