Foros del Web » Programando para Internet » Javascript » Frameworks JS »

cargar valores de un select a input text y tambien a otro select

Estas en el tema de cargar valores de un select a input text y tambien a otro select en el foro de Frameworks JS en Foros del Web. tengo un form que recoge valores mediante un select y los asigna a unos text, quisiera que me ayudaran a que estos valores que le ...
  #1 (permalink)  
Antiguo 20/10/2010, 11:58
Avatar de Markgus  
Fecha de Ingreso: junio-2010
Mensajes: 152
Antigüedad: 13 años, 10 meses
Puntos: 5
cargar valores de un select a input text y tambien a otro select

tengo un form que recoge valores mediante un select y los asigna a unos text, quisiera que me ayudaran a que estos valores que le asigna a los text tambien se lo asigne a otro select

pongo mi codigo donde dependiento el select asigno valores a los text para que me entiendan mejor, si hay una mejor solucion para poder resolver mi problema es bienvenida

Código:
<html>
<head>
<title></title>
<script src="prototype.js" type="text/javascript"></script>
<script language="javascript">
Event.observe( window, 'load', function() 
{
      $('cliente').onchange = function() 
      {
              var itemSelected = this.options[this.selectedIndex].value;
              var pars = "cliente=" + escape(itemSelected);
               alert( pars );
              new Ajax.Request( 'select.php?' +new Date().getTime(),
              {        
                      method: 'get',
          parameters: pars,
          onSuccess: function(transport) 
                      {
                        //alert("Ajax Request completed! response: " + transport.responseText);
                        fillDatos( transport.responseText );
                    }
              }
        );
      };
});

function fillDatos( response ) {
      var items = response.split( "||" );
     
   var id_usuarios = items[0];
     var username = items [1];
      var email = items[2];
      var telefono = items[3];
      var empresa = items[4];
      var ciudad = items [5];
         
     
             $('id_usuarios').value = id_usuarios;
              $('username').value = username;
	$('email').value = email;
 	$('telefono').value = telefono;
	$('empresa').value = empresa;
	$('ciudad').value = ciudad;
  	
    
   
    }

</script>
</head>
<body>
<div id="container">
<fieldset><legend>Registro de Clientes</legend>
<form name = "frm" method="post">
<p align="right">Seleccione cliente 
 <select name="cliente" id="cliente">
            <option value="0">Lista de Clientes</option>
            <?php
            do
            {
            ?>
                <option value="<?php echo $row[0]?>"><?php echo substr($row[1],0,15)?></option>
            <?php
            }while($row=mysql_fetch_array($result));                
            ?>
    </select> 
</p>
<div align="center">
  <table width="312" border="1"  bordercolor="#FF0000" align="left">
<tr>
<td>ID</td>
 <td>
 <input type="text" name="id_usuarios" id = "id_usuarios" size="40" maxlength="40"/></td>
      </tr>
    <tr>
    <tr>
<td>Nombre</td>
        <td>
          <input type="text" name="username" id = "username" size="40" maxlength="40"  />        </td>
      </tr>
    <tr>
      <td>Email</td>
        <td><input type="text" name="email" id = "email"  size="40" maxlength="40" /></td>
      </tr> 
  </table> 
  <table width="300" border="1"  bordercolor="#FF0000" aling = "right">
    <tr>
      <td>Telefono</td>
        <td><input type="text" name= "telefono"  id = "telefono" size="20" maxlength="40"  /></td>
      </tr>
    <tr>
      <td>Empresa</td>
        <td><input type="text" name= "empresa"  id = "empresa" size="40" maxlength="60"  /></td>
      </tr>
    <tr>
      <td>Ciudad</td>
        <td><input type="text" name="ciudad"  id = "ciudad" size="20" maxlength="40"  /></td>
      </tr>
  </table>
  <p>&nbsp;</p>
</div>
<div align="center">
  <table width="350" border="1" align="left"  bordercolor="#FF0000">
    <tr>
      <td>Tipo de Sistema </td>
        <td>  <SELECT NAME="selecSistem" SIZE="1"><OPTION VALUE=""></OPTION>
            <?
include("config.php");
$query="SELECT id_sistema, nombre_sistema FROM tipos_sistemas";
$result = mysql_query($query) or die ( mysql_error() );
while ($row=mysql_fetch_array($result))
{

  if($_GET['id_sistema'] == $row['id_sistema']){
       echo "<OPTION VALUE='". $row['id_sistema'] ."' selected>". $row['nombre_sistema'] ."</OPTION>";
       
 }else{
      echo "<OPTION VALUE='". $row['id_sistema'] ."'>". $row['nombre_sistema'] ."</OPTION>";
 }

}
?>
 </SELECT></td>
</tr>
</table>
<input type="submit" name="btnGuardar" value="Guardar Cambios" onClick ="guardar();" />
</form>
</body>
</html>
y el archivo select.php

Código PHP:
<?php
require("funciones.php");

$idc=$_GET['cliente'];

$link=conectarse();
if(
$link!=1)
{
    
$consulta="select * from usuarios 
                 where id_usuarios='$idc'"
;
    
$re=mysql_query($consulta);
    
$ro=mysql_fetch_array($re);

echo 
$ro[1]."||".$ro[3]."||".$ro[4]."||".$ro[5]."||".$ro[6]."||".$ro[7];

}
?>

Cita:
osea en el select principal que es el de cliente se selecciona el cliente y se carga en los text qu estan en una tabla sus datos id, nombre,telefono,etc pero tambien dentro d esa tabla tengo otro select que es tipo_sistema y pues quisiera que a este select tambien se le cargaran los valores como al text
  #2 (permalink)  
Antiguo 25/10/2010, 11:14
Avatar de Markgus  
Fecha de Ingreso: junio-2010
Mensajes: 152
Antigüedad: 13 años, 10 meses
Puntos: 5
Respuesta: cargar valores de un select a input text y tambien a otro select

encontre la manera de cargar los select con el jquery pero pues o me agarra el id para el select dependiente o para los text, alguna ide de como podria juntar esto?

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="jquery.js"></script>
        <script language="JavaScript" type="text/JavaScript">
            $(document).ready(function(){
                $("#cliente").change(function(event){
                    var id = $("#cliente").find(':selected').val();
                    $("#select2").load('pruebaSel.php?id='+id);
                });
            });
        </script>
    </head>
<body>
 <form>
<SELECT NAME="cliente" id="cliente" SIZE="1"><OPTION VALUE=""></OPTION>
<?
include("config.php");
$query="SELECT id_usuarios, username FROM usuarios as U
inner join tipos_de_sistemas as TS on U.id_sistema = TS.id_sistema;
";
$result = mysql_query($query) or die ( mysql_error() );
while ($row=mysql_fetch_array($result))
{

  if($_GET['id_usuarios'] == $row['id_usuarios']){
       echo "<OPTION VALUE='". $row['id_usuarios'] ."' selected>". $row['username'] ."</OPTION>";
       
 }else{
      echo "<OPTION VALUE='". $row['id_usuarios'] ."'>". $row['username'] ."</OPTION>";
 }

}
?>
</SELECT>
 <select name="select2" id="select2">
</select>
</form>
</body>
</html>
pruebaSel.php

Código PHP:
<?php
include("config.php");
$query="SELECT id_usuarios, username FROM usuarios as U
inner join tipos_de_sistemas as TS on U.id_sistema = TS.id_sistema
 WHERE id_usuarios = "
.$_GET['id'];
$result mysql_query($query) or die ( mysql_error() );
while (
$row=mysql_fetch_array($result))
{

  if(
$_GET['id_sistema'] == $row['id_sistema']){
       echo 
"<OPTION VALUE='"$row['id_sistema'] ."' selected>"$row['nombre_sistema'] ."</OPTION>";
       
 }else{
      echo 
"<OPTION VALUE='"$row['id_sistema'] ."'>"$row['nombre_sistema'] ."</OPTION>";
 }

}
?>

Etiquetas: ajax, input, select, txt
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:19.