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