Comunidad de diseño web y desarrollo en internet online

Select o lista desplegables dependientes en laravel4

Citar            
MensajeEscrito el 02 Dic 2013 03:39 pm
Mi problema es el siguiente tengo dos lista desplegables una de categorías y otra de productos, lo que quiero es lo siguiente que cuando elija en el select o lista desplegable de categoría, una categoría de producto, el otro select automáticamente se cargue con los productos de esa categoría.
por lo que tengo entendido esta operación se realiza con ajax pero de que manera?

PD: agradecería de ante mano mucho su ayuda ^^

Por gilberto286

5 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 02 Dic 2013 03:50 pm
Ok, quiero ayudarte pero la idea es que tú adelantes primero algo y plantees un problema concreto:

https://www.google.co.ve/search?q=combos+desplegables+jquery&oq=combos+desplegables+jquery&aqs=chrome..69i57.4443j0j7&sourceid=chrome&espv=210&es_sm=93&ie=UTF-8#es_sm=93&espv=210&q=combos+desplegables+dependientes++jquery&safe=off

Saludos.

Por Duilio

Claber

2590 de clabLevel

25 tutoriales
1 articulo

Genero:Masculino   Premio_Secretos

Venezuela

chrome
Citar            
MensajeEscrito el 08 Dic 2013 04:42 pm

Duilio escribió:

Ok, quiero ayudarte pero la idea es que tú adelantes primero algo y plantees un problema concreto:

https://www.google.co.ve/search?q=combos+desplegables+jquery&oq=combos+desplegables+jquery&aqs=chrome..69i57.4443j0j7&sourceid=chrome&espv=210&es_sm=93&ie=UTF-8#es_sm=93&espv=210&q=combos+desplegables+dependientes++jquery&safe=off

Saludos.


Buenos dias duilio, disculpa la tardanza pero ya tengo algo concreto jejeje
este es mi codigo de la vista

Código PHP :

@extends ('layout')
@section ('title') {{$action}} Ubicacion @stop
@section ('javascript') 
 
    $(document).ready(function(){
      // Creamos el evento change para detectar el elemento elegido
      $("#categoria_id").change(function (event) {
          $("#categoria_id option:selected").each(function () {
                                                // capturamos el valor elegido
                                                id=$(this).val();
                                          });        
      });
   });

@stop 

@section ('content')
<div class="row marketing">
   <h1>{{$action}} Ubicacion</h1>
   <hr/>
   <!-- //Incluyo una etiqueta div para mostrar los errores  -->
   @include ('producto/errors', array('errors' => $errors))
   <!-- //Si estoy trabajando con el formulario en modo editar agrego un boton eliminar -->
   @if ($action == 'Editar')
      {{ Form::model($productos, array('route' => array('ubicacion.destroy', $puestos->id), 'method' => 'DELETE', 'role' =>'form','class' => 'form-horizontal')) }}
         <div class="form-group"> 
            <div class="col-sm-offset-2 col-sm-10"> 
               {{ Form::submit('Eliminar Ubicacion', array('class' => 'btn btn-danger')) }}
            </div>
         </div>
         
      {{ Form::close() }}
   @endif
   {{ Form::model($puestos, $form_data, array('role' => 'form')) }}
   

      
      <div class="form-group">
         {{ Form::label('puesto', 'N° de Ubicacion', array('class'=>'col-sm-2 control-label')) }}
         <div class="col-xs-4">
            {{$id_categoria}}
            {{ Form::text('puesto', null, array('placeholder' => 'Introduce N° de Ubicacion del Producto', 'class' => 'form-control')) }}
         </div>
      </div>
      
      <div class="form-group">
         {{ Form::label('categoria', 'Categoria', array('class'=>'col-sm-2 control-label')) }}
         <div class="col-xs-4">
            {{Form::select('categoria_id', $select, null, array('class'=>'form-control', 'id'=>'categoria_id'));}}
         </div>
      </div>

      <div class="form-group">
         {{ Form::label('producto', 'Producto', array('class'=>'col-sm-2 control-label')) }}
         <div id="producto" class="col-xs-4">
            <select name="producto" class="form-control">
               <option value="">Seleccione un producto</option>
            </select>
         </div>
      </div>

      <div class="form-group">
         {{ Form::label('cantidad', 'Cantidad', array('class'=>'col-sm-2 control-label')) }}
         <div class="col-xs-4">
            {{ Form::text('cantidad', null, array('placeholder' => 'Ingrese la Cantidad de Productos', 'class' => 'form-control')) }}
         </div>
      </div>
   
      <div class="form-group">
         <div class="col-sm-offset-2 col-sm-10">
            {{ Form::button('Guardar', array('type' => 'submit', 'class' => 'btn btn-primary')) }}
                <a href="{{route('ubicacion.index')}}" class="btn btn-info">Volver</a>
         </div>
      </div>
      <!-- </div> -->
   {{ Form::close() }}
   </div>
@stop


como podras apreciar tengo dos select uno llamado categoria_id y otro producto, y con este codigo obtengo el dato seleccionado del primer select(categoria_id)

Código Javascript :

$(document).ready(function(){
      // Creamos el evento change para detectar el elemento elegido
      $("#categoria_id").change(function (event) {
          $("#categoria_id option:selected").each(function () {
                                                // capturamos el valor elegido
                                                id=$(this).val();
                                          });        
      });
   });


muy bien ahora lo que me falta es como reenviar ese valor al método create del controlador, ya que en este tengo lo siguiente:
ojo(se que es por medio de via $_get() )

Código PHP :

$id_categoria=Input::get('id');
$productos = Producto::where('categoria_id','=',$id_categoria);


lo anterior como ya sabras me realice una búsqueda de los productos con esa categoria, y lo siguiente seria del controlador enviar la variable a la vista en este caso el form

de antemano muchas gracias

Por gilberto286

5 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.