select y php

destor77 · #1 (**permalink**) 16/04/2009, 21:17

Hola:
tengo un formulario en el cual hay un select con una serie de tipos de propiedades (casas, quintas, campos, departamentos) lo que necesito hacer es que al seleccionar una opcion de la lista me cargue una funcion php que contiene los campos del formulario correspondiente a esa opcion. Por ejemplo
Si selecciona la opcion casas me cargue la funcion php casas que tiene algo asi:

Código PHP:

  function casas(){ 
echo '<input type="text" name="direccion" value=""/>'; 
echo '<input type="text" name="ciudad" value=""/>'; 
echo '<input type="text" name="provincia" value=""/>'; 
}

si seleccion la opcion campos cague:

Código PHP:

  function campo(){ 
echo '<input type="text" name="hectareas" value=""/>'; 
echo '<input type="text" name="ciudad" value=""/>'; 
echo '<input type="text" name="provincia" value=""/>'; 
}

espero que me puedan guiar un poco, desde ya muchas gracias

David · #2 (**permalink**) 16/04/2009, 21:22

Eso lo debes hacer con Javascript (ya cargando todos los input y mostrándolos dependiendo de la opción seleccionada) o con AJAX para hacer peticiones al servidor y a partir de la respuesta mostrar los campos.

De lo contrario tendrás que recargar la página por cada opción seleccionada.

Panino5001 · #3 (**permalink**) 16/04/2009, 21:44

Aquí tenés un ejemplo casi idéntico a lo que mencionás: http://www.disegnocentell.com.ar/notas2.php?id=159

destor77 · #4 (**permalink**) 24/04/2009, 20:48

Hola panino:
seguí el ejemplo de la pagina que me pasaste, logre hacerlo andar para el select de provincias y ciudades.
El tema es que no lo puedo hacer andar para agregar los otros tipos de campos (input y textarea) estoy usando estos codigos:
este es mi header:

Código html:

Ver original//proceso para mostrar las ciudades segun la provincia seleccionada.
if(isset($_GET['p'])){
    $html='<select name=\"ciudades\" id=\"ciudades\">'; 
    $html.=ciduades($_GET['sel']);
    $html.='</select>'; 
    echo 'document.getElementById("ciudad").innerHTML="'.$html.'";';
    exit;
} 
 
if(isset($_GET['t'])){    
    switch ($_GET['selec']){
        case '3':
            $campo="<label class='adminleft'>Hectareas: </label><imput type='text' name='ht' value='' />";
        break;
    }
    echo 'document.getElementById("datos").innerHTML="'.$campo.'";';
    exit;
}
?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="keywords" content="Propiedades Gálvez / Santa Fe. Compra, venta y alquiler de casas, departamentos, campos, galpones, locales, terrenos." />
<meta name="description" content="propiedades inmobiliaria comprar vender alquilar venta de propiedades alquiler de propiedades casas departamentos campos galpones locales terrenos" />
<title>Galvez Propiedades Panel de Usuario - <? echo $_REQUEST['modules'];?></title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/admin.css" />
 
<!-- script para las ciudades y provincias -->
<script type="text/javascript">
function localidades(url){
    oldsc=document.getElementById("old_sc");
       if(oldsc)
            document.getElementsByTagName('body')[0].removeChild(oldsc);
    sc=document.createElement('script');
    sc.id="old_sc";
    sc.src=url+'&'+Math.random();
    document.getElementsByTagName('body')[0].appendChild(sc);
}
</script> 
 
<!-- script para agregar los campos segun la propiedad -->
<script type="text/javascript">
function campos_propiedades(url){
    old=document.getElementById("old");
       if(old)
            document.getElementsByTagName('body')[0].removeChild(old);
    sc=document.createElement('script');
    sc.id="old_sc";
    sc.src=url+'&'+Math.random();
    document.getElementsByTagName('body')[0].appendChild(sc);
}
</script>

y este mi formulario:

Código html:

Ver original<div class="add_tab">   
                    <div class="form_nueva">
                        <div class="adminform_row_contact"><label class="adminleft">Direccion: </label><input type="text" class="form_input_contact"/></div>
                        <div class="adminform_row_contact"><label class="adminleft">Provincia: </label>
                             <select name="provincia" class="form_select" onchange="localidades('?p&amp;sel='+this.value)">
                                <? echo provincias();?>
                            </select>
                        </div>                   
                        <div class="adminform_row_contact"><label class="adminleft">Ciudad: </label>
                            <div id="ciudad" class="form_select">
                                <select name="ciudades" id="ciudades">
                                    <option>&nbsp;</option>
                                </select>
                            </div> 
                        </div>
                        <div class="adminform_row_contact"><label class="adminleft">Precio: </label><input type="text" class="form_input_contact"/></div>
                        <div class="adminform_row_contact"><label class="adminleft">Servicios: </label>
                        <select name="servicios" multiple="multiple">
                            <? echo servicios();?>
                        </select><br/>(presione ctrl para seleccionar mas de un servicio)
                        </div>                   
                        <div class="adminform_row_contact"><label class="adminleft">Tipo: </label>
                        <select name="tipo" class="form_select" onchange="campos_propiedades('?t&amp;selec='+this.value)">
                            <? echo tipoPropiedad();?>
                        </select>
                        </div>
                        <div class="adminform_row_contact"><label class="adminleft">Foto: </label><input type="file" class="form_input_contact"/></div>
    
                        <div class="adminform_row_contact"><label class="adminleft">Foto 1: </label><input type="file" class="form_input_contact"/></div>
                        <div class="adminform_row_contact"><label class="adminleft">Foto 2: </label><input type="file" class="form_input_contact"/></div>
                        <!-- agrega los campos segun la opcion del tipo de propiedad -->
                        <div id="datos" class="adminform_row_contact">
                                
                            </div> 
                        <div class="adminform_row_contact"><label class="adminleft">Descripción: </label><textarea name="desc" rows="0" cols="0" ></textarea></div>
                        
                        <div style="float:right; padding:10px 25px 0 0;">
                        <div class="right_button"><a href="#">Guardar Propiedad</a></div>
                        </div>
 
                    
                    </div>
 
                    
         </div>

cuando selecciono la opcion 3 me pone el label pero no el input, porque puede ser?

desde ya muchas gracias