Ayuda para eliminar elementos html desde javascript

[Danielnash]

Hola. espero poder explicarme bien :)

Tengo un select creado en html con 5 nombres, con el cual envio el valor del seleccionado a una funcion

Código:

<select name='select' onChange='ab(this.value)' style='text-align:center; border:none;' >

<option selected>- - Seleccionar - -</option>
<option value='1'> Domingo Zambrano </option>
<option value='2'> Ruggero Bambini </option>
<option value='3'> Luciana Benavides </option>
<option value='4'> Ana Paola Vasquez </option>		
<option value='5'> Jose Luis Rosales </option>	
					
</select>

Ahora, en la funcion creo que un Input que sea de solo lectura en el cual dependiendo del valor del select agrega a la capa la direccion correspondiente a la persona seleccionada.

Código:

function ab(valor)
{
var input = document.createElement('INPUT');

input.setAttribute('type','text');
input.setAttribute('name','input1');
input.setAttribute('readonly','true');
input.setAttribute('style','text-align:center; font-size:12px; border:none');
input.setAttribute('align','center');

 	if(valor == 1) 
		input.setAttribute('value','San Cristobal.');
	
	if(valor == 2) 
		input.setAttribute('value','Av 19 de Abril.');	
		
	if(valor == 3) 
		input.setAttribute('value','Tachira.');	
	
	if(valor == 4) 
		input.setAttribute('value','Policlinica.');
		
	if(valor == 5)
		input.setAttribute('value','La Colina.');	


input.style.width="680px"; // 
div1.appendChild(input); // lo agrega a la capa 
}

Entonces, Cada vez que cambia el valor del select cambia me agrega otro input a la capa.

Como hago para que cuando ya aparesca una direccion y se cambie el valor del select se borre la direccion anterior y coloque la nueva.

PD: lo que esta en codigo lo hace todo bien, agrega bien a la capa. Pero necesito ayuda con esto. Saludos

[SergeMedina]

Y sera necesario que siempre que cambies de valor tengas que crear un input con las mismas caracteristicas? No es mejor que sustituyas el valor en caso de que exista el input?

[Tecna]

Buenas,

no parece muy lógico lo que dices, ¿si cada vez se crea un input para que cambiar el valor si vas a crear otro con el nuevo valor? No habría que crear un input cada vez que cambie el valor del select, simplemente tendrías que crearlo una vez y en el onChange cambiar el valor de la propiedad value. Supongo que la forma de asignar los valores será un ejemplo, ahí tendría que ir una variable para poder cambiar su valor.

[Danielnash]

Iniciado por SergeMedina

Y sera necesario que siempre que cambies de valor tengas que crear un input con las mismas caracteristicas? No es mejor que sustituyas el valor en caso de que exista el input?

Claro, tambien seria una opcion valida. Tendria que enviar el mismo input en la funcion que se ejecuta en el onchange?

alguna ayuda?

[SergeMedina]

Código Javascript:

function createInput(id) {
    var el = document.getElementById(id);
    if(!el){
     //... 
     //crear elemento en el dom y asignarle un id
    }
     return el;
}
 
function ab(valor) {
   var el = createInput('myInput');
   //...
   //asignarle el valor al input
   el.value = valor;
}