Insertar texto a un textarea segun opcion de una lista

chalchis · #1 (**permalink**) 03/05/2005, 14:36

Hola amigos quiero insertar un texto que se insertar en un textarea pero deacuerdo a una opcion que se seleccione de un select es decir que al seleccionar la opcion 1 de la lista inserte en ese momento en valor que tengo del arreglo[1] en el textarea

hasta ahora tengo esto

<select name="listalic" >
<option value=""></option>
<option value="1">Licenciatura en Comercio Internacional</option>
<option value="2">Licenciatura en Comunicación y Publicidad</option>
<option value="3">Licenciatura en Contaduría Pública</option>
<option value="4">Licenciatura en Informática Administrativa</option>
<option value="5">Licenciatura en Mercadotecnia</option>
<option value="6">Ingeniería Industrial en Operaciones Internacionales</option>
</select>
y debajo un textarea

<textarea name="descripcion" cols="40" rows="25" ></textarea>

declare un arreglo donde estaran los textos ha insertar
los textos son algo largos asi que namas les dejare algo a la imaginacion

<SCRIPT LANGUAGE="JavaScript">
var miArray =new array()
miArray[0]="orden1"
miArray[1]="orden2"
miArray[2]="orden1"
miArray[3]="orden1"
miArray[4]="orden1"
miArray[5]="orden1"
}
</script>

espero sus comentario gracias

caerolus · #2 (**permalink**) 03/05/2005, 14:59

Mira esto:

Código HTML:

<select onChange="actualizar();">
  <option id="opcion1">opcion1</option>
  <option id="opcion2">opcion2</option>
</select>
<textarea id="eltexto">texto inicial</textarea>
<script language="javascript">
function actualizar()
{
	var texto = document.getElementById('eltexto');
	if(document.getElementById('opcion1').selected) texto.value = miArray[0];
	if(document.getElementById('opcion2').selected) texto.value = miArray[1];
}
</Script/

Básicamente es llamar a la función actualizar cuando el valor del select cambie. En ella, compruebas uno por uno cada campo de opción, y si está seleccionado, pones el texto que sea en el textarea.
Saludos

chalchis · #3 (**permalink**) 03/05/2005, 15:27

<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function actualizar()
{
var miArray=new array()
miArray[0]="orden1"
miArray[1]="orden2"
var texto = document.getElementById('eltexto');
if(document.getElementById('opcion1').selected) texto.value = miArray[0];
if(document.getElementById('opcion2').selected) texto.value = miArray[1];
}
</Script>
</head>

<body>
<form>
<select onChange="actualizar()">
<option id="opcion1">opcion1</option>
<option id="opcion2">opcion2</option>
</select>
<br>
<textarea id="eltexto">fsdfdsf</textarea>
</form>
</body>
</html>

caerolus · #4 (**permalink**) 03/05/2005, 17:52

Tienes mal la función actualizar. Escribe Array() con la A mayúscula, y pon los puntos y coma al final de cada sentencia:

function actualizar()
{
var miArray=new Array();
miArray[0]="orden1";
miArray[1]="orden2";
var texto = document.getElementById('eltexto');
if(document.getElementById('opcion1').selected) texto.value = miArray[0];
if(document.getElementById('opcion2').selected) texto.value = miArray[1];
}

chalchis · #5 (**permalink**) 03/05/2005, 18:55

ok gracias caerolus

chalchis · #6 (**permalink**) 04/05/2005, 15:27

Hola men estoy llenando el Array de informacion de una tabla de base de datos de mysql el problema es que es demasiado texto y al momento de correr la pagina me marca cadena sin terminar

ejemplo de arreglo

datos[0]="texttexttexttexttext.......
texttexttexttexttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttexttexttexttextte xttexttext
texttexttexttexttexttexttexttexttexttexttexttextte xttexttexttexttext

texttexttexttexttexttexttext"

como debo manejar eso???

espero sus comentarios gracias

Neuron_376 · #7 (**permalink**) 04/05/2005, 18:20

Si no tienes muchas opciones, usa directamente variables...

Por otra parte el metodo de getElementVyID es un metodo avanzado, lo mejor es hacer algo como:

document.FormaName.textareaName.valur = "texto nuevo"

Es mas seguro porque es mas compatible con mas navegadores, el metodo de getElementByID es compatible con todos pero en versiones nuevas o recientes.

Suerte!!

chalchis · #8 (**permalink**) 04/05/2005, 21:46

gracias por sus prontas respuestas amigos
saludos