rimuovere elementi col dom

**Chiara88d** · 29-01-2012, 13:06

Ciao a tutti,ho un problema con la rimozione di elementi.

Ho una seloect box con un tot di voci;alla selezione di una voce con l'evento onchange chiamo la mia funzione addElem() che ha il compito di di appendere ad un div campi di testo il cui valore è quello selezionato dalla lista e fin qui tutto ok.
In pratica ogni campo di testo avra' un id che sara' dato dal metodo setAttribute().
A fianco di ogni campo di stesto metto un link con testo rimuovi che al click mi deve chiamare una funzione per la rimozione dello stesso campo di testo a fianco e con un determinato id ed è proprio qui che sto in difficolta' e non so come andare avanti...

grazie per l'aiuto

**cavicchiandrea** · 29-01-2012, 13:20

Leggi qui forse risolvi.

**Chiara88d** · 29-01-2012, 13:36

Grazie per la risposta piu' tardi provo,mi chiedevo se è possibile con questo, rimuovere un certo campo con un certo id...

**carlomarx** · 29-01-2012, 14:25

Originariamente inviato da Chiara88d
Grazie per la risposta piu' tardi provo,mi chiedevo se è possibile con questo, rimuovere un certo campo con un certo id...

codice:

var elemento = document.getElementById("tuoId");

elemento.parentNode.removeChild(elemento);

Ma consulta comunque le guide come ti ha suggerito Andrea!!

**Chiara88d** · 29-01-2012, 16:14

Ho provato ma non riesco a risolvere in quanto io ho un div contenitore con n campi di testo e non una tabella con tr e td.

Ma non si puo provare generando un id per oni campo e poi passarl alla funzione rimuovi()?
Mi sono prorio bloccata e non so come risolvere!

**cavicchiandrea** · 29-01-2012, 16:43

Originariamente inviato da Chiara88d
Ho provato ma non riesco a risolvere in quanto io ho un div contenitore con n campi di testo e non una tabella con tr e td.

Il contenitore è ininfluente il link serviva per concetto

Ma non si puo provare generando un id per oni campo e poi passarl alla funzione rimuovi()?
Mi sono prorio bloccata e non so come risolvere!

Si può tutto, ma con il codice

**Chiara88d** · 29-01-2012, 20:06

Posto il mio codice:

codice:

<HTML>
<HEAD>
 <TITLE>New Document</TITLE>
 <script>
 function removeElem()
 {
  //
 }
  function addElem(val_id,value)
  {
  elem=document.getElementById(val_id);
    br1=document.createElement('br');

  elem.appendChild(br1);

           elem1=document.createElement('input');
           elem1.appendChild(br1);
           elem1.setAttribute('name','struttura');
           elem1.setAttribute('id','struttura');
           elem1.value=value;
           //recupero l'id
           val_id="struttura";
           elem2=document.createElement('a');
           elem2.setAttribute('href','#');
           elem2.setAttribute('onclick','javascript:removeElem();');
           text=document.createTextNode("Rimuovi");
           elem2.appendChild(text);
           elem.appendChild(elem1);
            elem.appendChild(elem2);
            elem.appendChild(br2);
  }
 </script>
</HEAD>
<BODY>
   <select name="select_struttura" style="width:200px" onchange="javascript:addElem('elem_struttura',this.options[this.selectedIndex].value)">
               <option value=''>Seleziona</option>
               <option value="uno">Uno</option>
               <option value="due">Due</option>
               <option value="tre">Tre</option>

  </select>
  <div id="elem_struttura">
  </div>


</BODY>
</HTML>

**cavicchiandrea** · 29-01-2012, 22:35

http://webandylab.altervista.org/demo-1.html

**Chiara88d** · 30-01-2012, 18:01

Grazie Andrea,questa soluzione è buona pero' mi sembra che non funziona bene,ho notato che al click di un link 'Rimuovi' non rimuove lo stesso elemento...

**Vindav** · 30-01-2012, 18:53

modifica l'esempio di andrea:

codice:

function addElem(val_id,value){
...
href.onclick=function(){removeElem(this)};
...
}

function removeElem(elem){
elem_struttura.removeChild(elem.parentNode); // elem_struttura è il tuo div contenitore
}

Discussione: rimuovere elementi col dom

Strumenti discussione

Ricerca discussione

Visualizza

rimuovere elementi col dom

Permessi di invio