Comunidad de diseño web y desarrollo en internet online

Añadir, eliminar elementos de una lista con javascript

Citar            
MensajeEscrito el 09 Ene 2012 08:05 pm
Hola amigos muy buenas tardes, les comento que estoy haciendo un formulario en el cual me añade o agrega elementos de un combobox o una lista despegable y los añade a un textarea, funciona bien pero ahora quiero ver como puedo eliminar o quitar los elementos que he agregado en el textarea pero con un boton.

les anexo parte de mi codigo que tengo ya que acabe aclarar que soy novato en java

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<title>Selección y adición de elementos a una lista</title>
<p align="center"><b>Selección y adición de elementos a una lista
<SCRIPT LANGUAGE="JavaScript">
oldvalue = "";
function passText(passedvalue) {
  if (passedvalue != "") {
    var totalvalue = passedvalue+"\n"+oldvalue;
    document.displayform.itemsbox.value = totalvalue;
    oldvalue = document.displayform.itemsbox.value;
  }
}
//  End -->
</script>

</HEAD>



</b>



<BODY style="font-family: Verdana">

</p>

<form name="selectform">
<font face="Arial, Helvetica, Sans Serif" size="2">Selecciona un Equipo:</font><br>
<select name="dropdownbox" size=1>
<option>Selecciona elemento</option>
<option value="Item 1">Item 1</option>
<option value="Item 2">Item 2</option>
<option value="Item 3">Item 3</option>
<option value="Item 4">Item 4</option>
<option value="Item 5">Item 5</option>
<option value="Item 6">Item 6</option>
</select>
<input type=button value="Añadir a la lista" onClick="passText(this.form.dropdownbox.options[this.form.dropdownbox.selectedIndex].value);">
</form>

<form name="displayform" >
<font face="Arial, Helvetica, Sans Serif" size="2">Elementos añadidos a la lista:</font><br>
<textarea cols="40" rows="5" name="itemsbox" ></textarea>
</form>
</html>


De antemano gracias.

Por stynpy

47 de clabLevel



 

safari
Citar            
MensajeEscrito el 10 Ene 2012 12:55 pm
¿Por qué tiene que ser en un <textarea>?, ¿podría ser en un <select size=5>? (o el número que te convenga). Lo pregunto porque como el <textarea> es editable por el usuario éste podría escribir cosas que luego serían imposibles de interpretar de la forma que deseas mientras que si agregas items en un <select> es mucho más fácil reconocer cada uno de los elementos agregados (y eventualmente quitarlos por código).

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.