[SOLUCIONADO] Eliminar textbox con una imagen

[chubse]

Que tal amigos del foro, agradezco mucho la ayuda que siempre proporcionan. Les cuento mi problema:
A partir de una cadena de texto hago un explode para separar los elementos y pintar cada uno en unos cuadros de texto dentro de un bucle for. Lo que quiero es que con un botón pueda eliminar el textbox según sea la selección, ahorita ya puedo hacerlo, sin embargo sólo me elimina el primer textbox y cuando pulso para los demás no funciona.

Espero puedan ayudarme.
Gracias

JS eliminar textbox

Código Javascript:

function quitarCampoEj(iddiv){
  var eliminar = document.getElementById("estudios" + iddiv);
  var contenedor= document.getElementById("contenedorcamposEj");
  contenedor.removeChild(eliminar);
}
 

Variables

Código PHP:

  $estudios_imp = "Q,W,E,R"; 
$estudios_exp = explode (",",$estudios_imp); 
$estudios_count = count ($estudios_exp);  
   

Textbox

Código HTML:

<?php
 
    for($i=0;$i<$estudios_count;$i++) {
        
?>
 
        <div id="contenedorcamposEj"><input name="estudios['<?php echo $i; ?>']" type="text" id="estudios<?php echo $i; ?>" size="50" onkeyup="this.value=this.value.toUpperCase()" value="<?php echo $estudios_exp[$i]; ?>"></div>
        
    <a href="JavaScript:quitarCampoEj(<?php echo $i; ?>);"><img src="images/signo_tache.png" width="25" height="25" title="Eliminar campo" /></a>
        
<?php 
 
    }
    
?>
 

[bathorz]

Mira si puedes sacar una idea de esto:

Código Javascript:

window.onload = function() {
 
        var cont = document.getElementById("cont");
        var n;
 
        cont.addEventListener('mouseover', function(e) {
          var elem = e.target;
          n = elem.value;
          if (n.typeOf !== 'undefined') {
            elem.value = elem.value.toUpperCase();
          }
        });
 
        cont.addEventListener('click', function(e) {
          e.preventDefault();
          var elem = e.target;
          if(elem.nodeName === 'IMG')
             elem.parentNode.parentNode.removeChild(elem.parentNode);
        });
 
      };
 

Código HTML:

Mouseover: toUpperCase.<br />
Click: elimina.
    <div id="cont">
      <div id="contenedorcamposEjQ">
        <input name="estudiosQ" type="text" id="estudiosQ" size="50" value="q">
        <img name="img" src="images/signo_tache.png" width="25" height="25" title="Eliminar campo" />
      </div>
      <div id="contenedorcamposEjW">
        <input name="estudiosW" type="text" id="estudiosW" size="50" value="w">
        <img name="img" src="images/signo_tache.png" width="25" height="25" title="Eliminar campo" />
      </div>
    </div>
 

[chubse]

bathorz, te agradezco mucho tu ayuda y solución de mi problema, he adecuado tu código al mio y funciona de maravilla, en verdad muchas gracias, había estado días tratando de resolver esto. Dejo el código por si a alguien le sirve:

JS para eliminar textbox

Código Javascript:

window.onload = function() {
 
        var cont = document.getElementById("cont");
        var n;
 
        cont.addEventListener('mouseover', function(e) {
          var elem = e.target;
          n = elem.value;
          if (n.typeOf !== 'undefined') {
            elem.value = elem.value.toUpperCase();
          }
        });
 
        cont.addEventListener('click', function(e) {
          e.preventDefault();
          var elem = e.target;
          if(elem.nodeName === 'IMG')
             elem.parentNode.parentNode.removeChild(elem.parentNode);
        });
 
      };
 

Variables php

Código PHP:

  $estudios = $form_registro["estudios"]; 
$estudios_imp = implode (",", $estudios); 
$estudios_exp = explode (",",$estudios_imp); 
$estudios_count = count ($estudios_exp);  
   

Textbox

Código HTML:

<div id="cont">
 
<?php
 
    for($i=0;$i<$estudios_count;$i++) {
        
?>
 
      <div id="contenedorcamposEj<?php echo $estudios_exp[$i]; ?>">
        <input name="estudios[]" type="text" id="estudios<?php echo $estudios_exp[$i]; ?>" size="50" value="<?php echo $estudios_exp[$i]; ?>">
        <img name="img" src="images/signo_tache.png" width="25" height="25" title="Eliminar campo" id="cursor_btn" />
      </div>
      
      <?php } ?>
      
    </div>