Actualizar Select desde Otro Selecto
Publicado por Katia (1 intervención) el 29/05/2018 22:02:55
Buenas tardes gente, estoy haciendo un sistema con laravel boostrap y jqery..
Tengo un apartado que me esta dando problemas... Tengo 2 selects... 1 que buscamos al cliente que deseamos con un livesearch... y al seleccionarlo... debería mostrarme el 2ndo select... SOLO los equipos que sean de ese cliente y no TODOS los que hay en la base de datos...
Mi codigo es el siguiente...
El sistema filtra bien al cliente y al articulo, el problema es que cuando en el select principal hay mas de 1 cliente en el 2ndo select te devuelve los articulos tanto del primer cliente como del resto...
La idea seria que con un jquery al seleccionar el cliente... en el 2ndo select solo me muestre los articulos de ese cliente unicamente...
Alguna idea?
Tengo un apartado que me esta dando problemas... Tengo 2 selects... 1 que buscamos al cliente que deseamos con un livesearch... y al seleccionarlo... debería mostrarme el 2ndo select... SOLO los equipos que sean de ese cliente y no TODOS los que hay en la base de datos...
Mi codigo es el siguiente...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
@extends ('layouts.admin')
@section ('contenido')
<!-- Default box --><div class="box">
<div class="box-header with-border">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<h3>Nuevo Ingreso</h3>
@if (count($errors)>0)
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{$error}}</li>
@endforeach
</ul>
</div>
@endif
</div>
</div>
{!!Form::open(array('url'=>'services/service','method'=>'POST','autocomplete'=>'off'))!!}
{{Form::token()}}
<div class="row">
<div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
<div class="form-group">
<label for="nombre">Cliente</label>
<select name="idcliente" id="idcliente" class="form-control selectpicker" data-live-search="true">
@foreach($clientes as $cliente)
<option value="{{$cliente->idcliente}}">{{$cliente->nombre}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-12">
<div class="form-group">
<label>Tipo de Comprobante</label>
<select name="tipo_comprobante" class="form-control">
<option value="Boleta">Boleta</option>
<option value="Factura">Factura</option>
<option value="Ticket">Ticket</option>
</select>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-12">
<div class="form-group">
<label for="serie_comprobante">Serie del Comprobante</label>
<input type="text" name="serie_comprobante" value="{{old('serie_comprobante')}}" class="form-control" placeholder="Serie del Comprobante..">
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-12">
<div class="form-group">
<label for="num_comprobante">Numero del Comprobante</label>
<input type="text" name="num_comprobante" required value="{{old('num_comprobante')}}" class="form-control" placeholder="Numero del Comprobante..">
</div>
</div>
</div>
<div class="row">
<div class="panel panel-primary">
<div class="panel-body">
<div class="col-lg-4 col-sm-4 col-md-4 col-xs-12">
<div class="form-group">
<label>Articulo</label>
<select name="idequipo" id="idequipo" class="form-control selectpicker" data-live-search="true">
@foreach($equipos as $equipo)
<option value="{{$equipo->idequipo}}">{{$equipo->equipo}}</option>
@endforeach
</select>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-2 col-md-2 col-xs-12">
<div class="form-group">
<button class="btn btn-primary" type="button" id="bt_add">Agregar</button>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="table-responsive">
<table id="detalles" class="table table-striped table-bordered table-condensed table-hover">
<thead style="background-color: #A9D0F5">
<th>Opciones</th>
<th>Equipo</th>
</thead>
<tfoot>
<th>TOTAL</th>
<th></th>
<th></th>
</tfoot>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-sm-6 col-md-6 col-xs-12" id="guardar">
<div class="form-group">
<input name="_token" value="{{ csrf_token() }}" type="hidden"></input>
<button class="btn btn-primary" type="submit">Guardar</button>
<button class="btn btn-danger" type="reset">Cancelar</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.box-body --><div class="box-footer">
Footer
</div>
<!-- /.box-footer--></div>
<!-- /.box -->{!!Form::close()!!}
@push ('scripts')
ACA IRIA EL SCRIPT QUE ACTUALIZE LOS LISTADOS
@endpush
@endsection
El sistema filtra bien al cliente y al articulo, el problema es que cuando en el select principal hay mas de 1 cliente en el 2ndo select te devuelve los articulos tanto del primer cliente como del resto...
La idea seria que con un jquery al seleccionar el cliente... en el 2ndo select solo me muestre los articulos de ese cliente unicamente...
Alguna idea?
Valora esta pregunta
0