Value Lista en TEXTArea

[joaquintous]

Buenas compañeros!!
Tengo una duda un tanto rara... Mirad tengo lo varias listas desplegables de este tipo:
<b><label for="so3">Java</label></b> <br/>
<select onchange = "textareablanco2()" id="so3" name="so3">
<option value="" selected="selected">- selecciona -</option>
<option value="0">Java inferior a la 6.23 incluida</option>
<option value="1">Java superior a la 6.23 sin incluir</option>
</select>

Bueno, ahora he colocado un text area tal que así:
<b><label for="cau" STYLE="position:absolute;top:740;right:450">CAU</label></b>
<TEXTAREA id = "cau" NAME="CAU" ROWS="10" COLS="50" readonly="readonly" value=opc.option STYLE="position:absolute;top:790;right:70"></TEXTAREA>

Pues lo que quiero es que cuando seleccione los value de cada lista, se vayan colocando en el textarea uno debajo de otro. Me da igual que sea onchage, onclick, o incluso cuando pulso el boton que he creado para que me ejecute una funcion que tengo:
<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<imag e src="\\10.230.22.190\Manuales\Windows 7\Web\images\iconoLupa.png" onclick="cargarResultado()"/> Pulsa la lupa para conocer el resultado


Gracias....

[emprear]

En primer lugar, bienvbenido a FDW @joaquintous
Bueno sería saber que acción realizan tus funciones
textareablanco2()
y ó
cargarResultado()



Y esto anticipo, es para el foro de Javascript, voy pidiendo que lo muevan

Saludos

[joaquintous]

De acuerdo, gracias por el aviso. Bueno lo de las funciones es facil el textareablanco2() hace que cuando cambio algo en la lista hay un textarea que se limpia de lo que tiene escrito, y el cargarResultado() me carga un texto según la option que seleccione.

[emprear]

justamente eso, si no ponés el código que estas usando , no se puede saber que estas haciendo mal

[joaquintous]

Ok ahí va:

Estas son dos funciones para poner el textarea en blanco:
<script type="text/javascript">
function textareablanco1(){
document.getElementById ('resultadoerrores').value =""
}
</script>
<script type="text/javascript">
function textareablanco2(){
document.getElementById ('resultado').value =""
}
</script>

Ahora una combinación de opciones de una lista:

<script type="text/javascript">
function ventanaNueva(documento){
window.open(documento,'nuevaVentana','width=600, height=400');
}
</script>

<script type="text/javascript">

function cargarresultadoerrores(){
var opc5;

opc5 = document.getElementById('so5').value;

if ((opc5 == null || opc5 == "")){
alert('Por favor, elija todas las opciones');
}

/* Controlamos aquí los posibles errores*/
else
{
if (opc5 == 0)
{
document.getElementById ('resultadoerrores').value = " Debe desinstalar cualquier Java que tenga en el ordenador, borrar la carpeta .ClienteFirma@firma5, quitar cualquier elemento del equipo que le pueda bloquear algo, tipo antivirus, firewall, barras de herramientas... Reiniciar el ordenador, descargar de nuevo java y volver a instalarlo. Una vez hecho ésto, cuando vaya a firmar, le volverá a pedir la instalación del cliente de firma electrónica. Recordar que si usa Windows Vista o 7 debe ejecutar Internet Explorer como administrador."
}
else
{
if (opc5 == 1)
{
document.getElementById ('resultadoerrores').value = "Este error suele deberse a las siguientes razones: •Algún documento adjuntado no está en el formato PDF. Normalmente se habrá adjuntado algún documento en formato Word o imagen en JPG, estos no sirven, hay que transformarlos a PDF. •No se cumplen las restricciones de tamaño de los ficheros adjuntados. Alguno de los PDF adjuntados pesa más de 5 Mb, o entre todos superan los 20 Mb. •Todos los documentos son PDF, y cumplen con las restricciones de tamaño, pero ha debido ocurrir algún problema al adjuntar alguno de ellos. Se deben adjuntar todos nuevamente. •Cabe la posibilidad también que tenga algún bloqueador de pop-ups o incluso algún firewall bloqueando la subida de ese fichero. "
}

else
{
if (opc5 == 2)
{
document.getElementById ('resultadoerrores').value = "Este error suele ocurrir cuando hay algún problema con el certificado digital, o bien entra con uno e intenta tramitar con otro diferente, o bien el certificado digital está corrupto, deberíamos comprobarlo en la FNMT y corroborar que esté todo bien."
}

else
{
if (opc5 == 3)
{
document.getElementById ('resultadoerrores').value = "Suele ocurrir cuando el java instalado no es el correcto, comprobar la versión y si no tiene la 6 Update 14, que la desinstale, reinicie el equipo y la vuelva a instalar."
}
else
{
if (opc5 == 4)
{
document.getElementById ('resultadoerrores').value = "Puede acceder a recuperarlo desde: https://altas.andaluciajunta.es/gestion/olvido/olvido.jsp Si no recuerda su contraseña, ni la respuesta exacta a la pregunta, puede enviar un fax al número 955 061 041, a la atención de Correo Andaluz, con la siguiente información: Fotocopia de su D.N.I. Dirección de correo electrónico en el dominio andaluciajunta.es (aquella a la que no puede acceder). Dirección alternativa de correo electrónico a la que desea que se le remita la nueva contraseña."
}
else
{
if (opc5 == 5)
{
document.getElementById ('resultadoerrores').value = "Esto puede ocurrir porque el editor de pdf (Adobe Acrobat, Adobe Reader etc...) no esté funcionando correctamente, se recomienda que desinstale la versión actual del equipo e instalar de nuevo con otra versión superior, se incluiría como validos cualquier versión superior al 7 inclusive. Con esto solventaría el problema de edición de la solicitud."
}
else
{
if (opc5 == 6)
{
document.getElementById ('resultadoerrores').value = "En este caso hay que acceder a la ruta C:/Archivos de programa/Archivos comunes/InstallShield/Professional/RunTime, y borrar la carpeta 0701"
}
else
{
if (opc5 == 7)
{
document.getElementById ('resultadoerrores').value = "La solución es marcar el CI que quiere imprimir y hacer clock sobre el botón “TRAMITADO” desde ahí podrá descargarse los CI e imprimirlos."
}
else
{
if (opc5 == 8)
{
document.getElementById ('resultadoerrores').value = "Para solucionar este problema hay que cerrar todos los navegadores abiertos, y entrar en IExplorer ejecutándolo como administrador."
}
}
}
}
}
}
}
}
}
}
}


</script>

Y ahora la lista y el text area:

<br/><CENTER><label for="so5"><font size="4"><b>ERRORES MÁS FRECUENTES</b></font></label></CENTER><br/><br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Error</b><br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select onchange = "textareablanco1()" id="so5" name="so5">
<option value="" selected="selected">- selecciona -</option>
<option value="0">Error al cargar el applet instalador</option>
<option value="1">Al tramitar un Certificado de Instalación da un error en la generación de PDF único</option>
<option value="2">Al tramitar en TECI sale uno de los siguientes mensajes: 136- error durante proceso de tramitación. 137- no se puede realizar operación</option>
<option value="3">En TECI cuando tramita un CI la pantalla se queda en blanco y no hace nada</option>
<option value="4">He olvidado el usuario y la contraseña de mi correo de andaluciajunta (no corporativo)</option>
<option value="5">Cuando intento realizar un incentivo en la plataforma de Fachada Unica, el pdf se muestra en blanco o con errores.</option>
<option value="6">En OPTENET al instalar el filtro da error 6001</option>
<option value="7">En TECI al intentar imprimir un CI me da error y no lo consigo hacer</option>
<option value="8">Al acceder a alguna aplicación con Windows Vista, me sale un error que indica: Telventsign.dll Acceso Denegado.</option>
</select>
<image src="\\10.230.22.190\Manuales\Windows 7\Web\images\iconoLupa.png" onclick="cargarresultadoerrores()"/> Pulsa la lupa para conocer el resultado
<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b><label for="resultadoerrores">RESULTADO ERRORES</label></b> <br/>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<TEXTAREA id = "resultadoerrores" NAME="RESULTADO ERRORES" ROWS="10" COLS="100" readonly="readonly"></TEXTAREA>

<HR ALIGN=LEFT NOSHADE SIZE=10 WIDTH=4200>


Bien pues ahora quiero que en este texte area:

<b><label for="cau" STYLE="position:absolute;top:740;right:450">CAU</label></b>
<TEXTAREA id = "cau" NAME="CAU" ROWS="10" COLS="50" readonly="readonly" STYLE="position:absolute;top:790;right:70"></TEXTAREA>


me coloque cada vez que selecciono un elemento de la lista el texto del option value, es devir, lo que resalto subrayado aqui:

<option value="6">En OPTENET al instalar el filtro da error 6001</option>

Y si es posible imaginaros que son dos listas como esta, si selecciono de la lista uno un elemento me lo muestro y al seleccionar de la lista dos me lo muestre junto con el de la lista uno pero debajo de éste. ¿ es posible o me he vuelto loco? jajajaj.

[joaquintous]

Buenassss, el problema está en parte resuelto, con ésto:
<select onchange = "document.getElementById ('cau').value = (so.options[so.selectedIndex].text)

lo he conseguido, me muestra el texto sin problemas, aunque he tenido que quitar la funcion de limpiar al cambiar de option, pero eso no me preocupa, la cosa es que si yo quiero que me muestre todas las opciones seleccionadas en los diferentes selects, he intentado en poner esto:
<select onchange = "document.getElementById ('cau').value = (so.options[so.selectedIndex].text), document.getElementById ('cau').value = (so1.options[so1.selectedIndex].text), document.getElementById ('cau').value = (so2.options[so2.selectedIndex].text), document.getElementById ('cau').value = (so3.options[so3.selectedIndex].text), document.getElementById ('cau').value = (so4.options[so4.selectedIndex].text)" id="so4" name="so4">
donde los "so" son los diferentes selects, y "cau" es el textarea donde me lo pone, pero no me funciona, me pone sólo el del último combo, he probado a ponerlo en lugar de con comas con & y tampoco, se os ocurre algo??

[emprear]

A ver si esto te orienta

Código HTML:

<!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>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
function agregar() {
var opt = document.getElementById('textos');
var opt_index = opt.selectedIndex;
var valor = opt.value;
var texto = opt.options[opt_index].text;
 
    
if(valor != ""){
    document.getElementById('contenido').value += texto+'\n';
  }
}
 
//]]>
</script>
 
</head>
<body>
 
<form action="#">
<select id="textos" onchange="agregar();">
<option value="">opción</option>
<option value="uno">valor de uno</option>
<option value="dos">valor de dos</option>
<option value="tres">valor de tres</option>
</select>
<textarea rows="20" cols="40" id="contenido"></textarea>
</form>
</body>
</html>
 

Con esto estoy anexando el texto(y un salto de linea)
document.getElementById('contenido').value += texto+'\n';
y no reemplazando todo lo que ya pueda estar en el textarea

Saludos

[joaquintous]

He hecho lo que me has comentado y está bien porque me toma los datos del select que le indico en:
var opt = document.getElementById('AQUÍ'); //jeje

Pero claro, imaginate que tengo un select que se llama ('so'), otro ('so1'), otro ('so2')... y así sucesivamente, eso... ¿ cómo lo pongo?

[emprear]

Primero, te aclaro que cometí un pequeño error, el onchange() debe ser para los selects no para e l form
En cuanto a lo otro, cada select tiene un id que lo identifica, se le pasa a la función un parametro con el nombre del id, esa variable hace que cargue los textos del select que corresponda, quedaría, con la corrección, asi

Código HTML:

<!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>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
function agregar(elid) {
var opt = document.getElementById(elid);
var opt_index = opt.selectedIndex;
var valor = opt.value;
var texto = opt.options[opt_index].text;
 
    
if(valor != ""){
    document.getElementById('contenido').value += texto+'\n';
  }
}
 
//]]>
</script>
 
</head>
<body>
 
<form action="#">
<select id="textos" onchange="agregar(this.id);">
<option value="">opción</option>
<option value="uno">valor de uno</option>
<option value="dos">valor de dos</option>
<option value="tres">valor de tres</option>
</select>
<br />
<select id="textos2" onchange="agregar(this.id);">
<option value="">opción</option>
<option value="cuatro">valor de cuatro</option>
<option value="cinco">valor de cinco</option>
<option value="seis">valor de seis</option>
</select>
<textarea rows="20" cols="40" id="contenido"></textarea>
</form>
</body>
</html>
 

[joaquintous]

MARAVILLOSO!!!!!!!!!!!!! Me funciona!! Eres un Máquina!!! Mil gracias...

Pero una pregunta...

Si yo tengo esto:

<script type="text/javascript">
function textareablanco1(){
document.getElementById ('resultadoerrores').value =""
}
</script>


Para que me limpie el textarea 'resultadoerrores', ¿cómo se lo pongo al onchange?


<select id="textos" onchange="agregar(this.id);">

[emprear]

A ver hombre, un poco de creatividad


function agregar(elid) { <-- recibe un parámetro
<select id="textos" onchange="agregar(this.id);"> --> envía un parámetro
this.id representa el valor del id del propio elemento sobre el que actúa el evento, es decir para cada select será su propio id.

Saludos y a leer manuales