Combo --> TextboX Multilinea

Northware · #1 (**permalink**) 13/05/2008, 10:03

Buenas tardes haber si me logro explicar...lo que estoy intentando hacer y (creo que toca con javascript) es un Combo/Menu que posea diferentes valores y los cargue a un TEXTBOX MULTILINEA por medio de un BOTON...que quede cada uno en una linea del TEXTBOXalgo asi como un AGREGAR de las Carpetas para compartir de MSN

....y que de ser posible no se repitan dentro del TEXTBOX

Código HTML:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function mifuncion(form){
temp = form.combo.value
form.caja.value = form.caja.value + "<br>" + temp;
}
</SCRIPT>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form" method="post" action="">
<p>
<select name="combo" >
<option value="Valor1">Valor1</option>
<option value="Valor2">Valor2</option>
<option value="Valor3">Valor3</option>
<option value="Valor4">Valor4</option>
<option value="Valor5">Valor5</option>
<option value="Valor6">Valor6</option>
</select>
<label>
<input type="button" name="Submit" value=">>" onClick="mifuncion(form)">
</label>
<textarea name="caja"></textarea>
</p>
<p>&nbsp;</p>
</form>
</body>
</html>

GRACIAS!!!

quimfv · #2 (**permalink**) 13/05/2008, 12:08

Código HTML:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function mifuncion(form){
temp = form.combo.value
if (form.caja.value==""){
form.caja.value = temp;
}else{
form.caja.value = form.caja.value + "\n" + temp;
}
}
</SCRIPT>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form" method="post" action="">
<p>
<select name="combo" >
<option value="Valor1">Valor1</option>
<option value="Valor2">Valor2</option>
<option value="Valor3">Valor3</option>
<option value="Valor4">Valor4</option>
<option value="Valor5">Valor5</option>
<option value="Valor6">Valor6</option>
</select>
<label>
<input type="button" name="Submit" value=">>" onClick="mifuncion(form)">
</label>
<textarea name="caja"></textarea>
</p>
<p>&nbsp;</p>
</form>
</body>
</html>

Evitar la repetición ya es un poco mas complicado necesitas un array cotejar si ya exite ...

Quim

quimfv · #3 (**permalink**) 13/05/2008, 12:21

Va.... sin repeticiones, pero si los quieres ordenados, piensa como hacerlo.

Código:

<SCRIPT LANGUAGE="JavaScript">
var opciones=new Array();
function mifuncion(form){
var esta=false;
for (i=0; i<opciones.length;i++){
     if (opciones[i]==form.combo.value){
	   esta=true;
	 }
}
if (!esta){
opciones[opciones.length]=form.combo.value;
}
form.caja.value ="";
for (i=0; i<opciones.length;i++){
form.caja.value = form.caja.value + opciones[i] + "\n";
}
}
</SCRIPT>

Quim

Northware · #4 (**permalink**) 13/05/2008, 14:26

quimfv

Gracias funciono a la perfeccion!!!

Northware · #5 (**permalink**) 14/05/2008, 23:07

Ahora tenog otro problema :( resulta que el form ya tiene un SUBMIT!!! entonces como hago para que el BOTON siga funcionando no se puede hacer de otro tipo??

Código HTML:

<script language="javascript">
var opciones=new Array();
function add_espec(form)
{
	
	var existe=false;
	for (i=0; i<opciones.length;i++)
	{
    	if (opciones[i]==form.area_espe.value)
		{
			existe=true;
		}
	}
	
	if (!existe)
	{
		opciones[opciones.length]=form.area_espe.value;
	}
	
	form.especialidad.value ="";
	for (i=0; i<opciones.length;i++)
	{
		form.especialidad.value = form.especialidad.value + opciones[i] + "\n";
	}
}
</script>
<h3 style="cursor:hand; cursor:pointer" onClick="expandcontent('sc1')">Datos Basicos</h3>
	  <div id="sc1" class="switchcontent">
	<form action="guardar_consultor.php" name="basicos" method="post" enctype="multipart/form-data" onsubmit="return prueba(this)">
			  <table border="0" width="610px">
  <tr  bgcolor="#e8f0f0">
    <td colspan="2" align="center"><strong>REGISTRO DE DATOS B&Aacute;SICOS DEL CONSULTOR </strong></td>
    </tr>
  <tr bgcolor="#dddddd">
    <td width="157">C&eacute;dula</td>
    <td width="443"><INPUT size="35" maxlength="13" name='cedula' onKeyPress="return acceptNum(event)"></td>
  </tr>
  <tr  bgcolor="#e8f0f0">
    <td>Nombres</td>
    <td><INPUT size="35" name='nombres' onChange="javascript:this.value=this.value.toUpperCase();"></td>
  </tr>
  <tr bgcolor="#dddddd">
    <td>Apellidos</td>
    <td><INPUT name='apellidos' id="apellidos" onChange="javascript:this.value=this.value.toUpperCase();" size="35" maxlength="32" ></td>
  </tr>
  <tr  bgcolor="#e8f0f0">
    <td>Telefono Fijo </td>
    <td><INPUT size="35" name='tel' onKeyPress="return acceptNum(event)"></td>
  </tr>
  <tr bgcolor="#dddddd">
    <td>Telefono Movil </td>
    <td><input size="35" name='telcel' onkeypress="return acceptNum(event)" /></td>
  </tr>
  <tr bgcolor="#e8f0f0">
    <td>Direcci&oacute;n</td>
    <td><INPUT size="35" name='dir' onChange="javascript:this.value=this.value.toUpperCase();"></td>
  </tr>
  <tr bgcolor="#dddddd">
    <td>Correo Electronico </td>
    <td><input size="35" name='email'/></td>
  </tr>
  <tr bgcolor="#e8f0f0">
    <td>Nivel de Escolaridad </td>
    <td><select name="escolaridad">
      <option selected>Seleccione</option>
      <option value="PROFESIONAL">PROFESIONAL</option>
      <option value="MASTER">MASTER</option>
      <option value="DOCTOR">DOCTOR</option>
    </select></td>
  </tr>
  <tr bgcolor="#dddddd">
    <td>Areas de Especialidad </td>
    <td>
    [PHP]<?php 
		$query="SELECT * FROM AREA_ESPE";
		$menu="<select name='area_espe'>\n<option selected>Seleccione</option>";
		$rs=$db->Execute($query);
		while($arr=$rs->FetchRow())
		{			
			$menu.="\n<option value='".$arr['ID_AREA']."'>".$arr['NOMBRE_AREA']."</option>";
																			
		}
		$menu.="\n</select>";
		echo $menu;
	?>[/PHP]
    <input type="submit" name="add" value=">>" onclick="add_espec(basicos)" />
    <textarea name="especialidad"></textarea> </td>
  </tr>
  <tr bgcolor="#e8f0f0">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr >
  <tr bgcolor="#dddddd">
    <td><strong>Cargar Hoja de Vida </strong></td>
    <td><input type="file" name="hoja_vida"/></td>
  </tr>
  <tr bgcolor="#e8f0f0">
    <td colspan="2" align="right"><input name="basicos" type="submit" value="Guardar" /></td>
  </tr>
</table>

</form>

Gracias!!!

quimfv · #6 (**permalink**) 15/05/2008, 00:38

<input type="button" name="add" value=">>" onclick="add_espec(basicos)" />

Quim

Northware · #7 (**permalink**) 10/06/2008, 22:57

Pues nada muchisimas gracias !!!! Y surgio algo nuevo y tuve que utilizar un boton de "quitar" y vaya respuesta cuando lo encontre justo aca !!!!!!

HOMBRE USTEDES SON LO MAXIMO GRACIAS

GRACIAS MIL!!!!

ACA EL LINK USANDO DOS SELECT!!!

http://www.forosdelweb.com/f13/pasar-parametros-select-otro-select-308770

Disculpenme por no ponerlo como LINK no puedo aun >30 MSG!!!

Northware · #8 (**permalink**) 15/06/2008, 09:58

Hay DIOS COMO SOY DE IDIOTA

...

Es un select y no me va a pasar los cmapos cuando haga el submit.....en definitiva toca con un TEXT AREA

....

Si alguein me puede colaborar necesitaria poder quitar la ultima linea, lo ideal seria cualquiera pero con que funcione con una de las LINEAS....la ultima me doy por muy bien servido GRACIAS!!!!! :( GRACIAS!!!!