Foros del Web - Combo --> TextboX Multilinea

Foros del Web (http://www.forosdelweb.com/)

- Javascript (http://www.forosdelweb.com/f13/)

- - Combo --> TextboX Multilinea (http://www.forosdelweb.com/f13/combo-textbox-multilinea-585942/)

Combo --> TextboX Multilinea

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!!!

Re: Combo --> TextboX Multilinea

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

Re: Combo --> TextboX Multilinea

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

Combo --> TextboX Multilinea

quimfv

Gracias funciono a la perfeccion!!!

Re: Combo --> TextboX Multilinea

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!!!

Re: Combo --> TextboX Multilinea

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

:si:

Quim

Respuesta: Combo --> TextboX Multilinea

:arriba: :arriba: 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!!!

Respuesta: Combo --> TextboX Multilinea

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!!!!