Estoy en el período de aprendizaje. Necesito una solución pero no pude encontrarla.
Tengo una opción de selección dinámica. Quiero eso, cuando se cambie la opción de selección, se mostrarán todas las columnas relacionadas de la base de datos en otro div.
Nombre de la tabla DB: Ofertas
Nombre de columna: id, nombre, detalles, recarga
Controlador:
$offers = Offer::all(); return view('sim_sale', compact('offers'));Archivo de hoja:
<select name="offer_id" id="offer" class="form-control"> <option value=""> Select Offer</option> @foreach ( $offers as $row ) <option value="{{ $row->id }}">{{ $row->name }}</option> @endforeach </select> <div id="offer-details"> {{$offers->details} </div> <input type="text" value="{{$offers->recharge}}" id="offer-recharge" />Aquí, si la opción de selección cambia, mostrará los detalles y la recarga, de lo contrario, no se mostrará nada en estos campos. Además, los usuarios pueden poner datos en el campo de entrada.
Por favor, ayúdame a resolverlo.
He descubierto una solución para esto. Aquí está mi código:
<select name="offer_id" id="parent_id" class="form-control dynamic" data-dependent="details"> <option value=""> Select Offer</option> @foreach ( $offers as $row ) <option value="{{ $row->id }}">{{ $row->name }}</option> @endforeach </select> @foreach($offers as $row) <div class="some" id="some_{{ $row->id }}" style="display:none;"> {{ $row->details }} </div> @endforeach <script type="text/javascript"> $('#parent_id').on('change',function(){ $(".some").hide(); var some = $(this).find('option:selected').val(); $("#some_" + some).show();}); </script>