met JS input element toevoegen

Door nofx nofx op 27-09-2009 21:56

1.068 views

Ik heb een DIV op mijn pagina die leeg is. Hierin wil ik een input element laden dmv javascript. Ik weet dat het hiermee mogelijk is, ik zou alleen niet weten hoe.

Zou iemand mij hiermee opweg kunnen helpen??

n nofx nofx

27-09-2009 22:22

Ik heb dit script nu gevonden wat precies is wat ik zoek, alleen de functie om het te verwijderen werkt niet helemaal. Iemand een idee wat het kan zijn??


<script>
function addElement() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
  numi.value = num;
  var newdiv = document.createElement('div');
  var divIdName = 'my'+num+'Div';
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = 'Element Number '+num+' has been added! <a href=\'#\' onclick=\'removeElement('+divIdName+')\'>Remove the div "'+divIdName+'"</a>';
  ni.appendChild(newdiv);
}

function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}
</script>

<input type="hidden" value="0" id="theValue" />
<p><a href="javascript:;" onclick="addElement();">Add Some Elements</a></p>
<div id="myDiv"> </div>

Gelieve Niet Bumpen:

Twee of meer keer achter elkaar in een topic posten heet bumpen. Bumpen is pas na 24 uur toegestaan en kan een reden zijn voor de admins en moderators om een topic te sluiten. Gebruik indien nodig de knop om je tekst aan te passen.

SanThe.

J Jan Willem van der Veer

28-09-2009 07:10

function removeElement(divNum) {
var olddiv = document.getElementById(divNum);
olddiv.parentNode.removeChild(olddiv);
}

Zoiets misschien?

r repelsteeltje

28-09-2009 09:20

ik denk dat het iets met de quootjes te maken had
onderstaande code werkt wel



<script>
function addElement() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
  numi.value = num;
  var newdiv = document.createElement('div');
  var divIdName = "my"+num+"Div";
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = "Element Number "+num+" has been added! <a href=\"#\" onclick=\"removeElement('"+divIdName+"')\">Remove the div "+divIdName+"</a>";
  ni.appendChild(newdiv);
}

function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}
</script>

<input type="hidden" value="0" id="theValue" />
<p><a href="#" onclick="addElement();">Add Some Elements</a></p>
<div id="myDiv"> </div>

n nofx nofx

28-09-2009 15:37

ja bedankt, nu werkt het :)

Reageren

Inloggen om te reageren