No sé qué tiene de malo este código, pero cuando elijo uno de ellos, no se muestra el valor de la opción.

Aquí mi Blade View

 <div style="overflow:hidden; float:left; width:250px;"> <select id="division" class="" name=""> <option value="groups">-- Division --</option> <option value="Male">Male</option> <option value="Female">Femmaleale</option> </select><br> <select id="participant"> <option value="choosetools">-- Choose Participant --</option> </select> </div>

aquí mi guion

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('#division').change(function(){ var division = $('#division').val(); $('#participant').html(''); $.ajax({ url:'getParticipant/{id}', type:'GET', data:{myID:division}, dataType: "json", success:function(data) { $.each(data, function(key, participant) { // alert(city.city_name) $('#participant').prop('disabled', false).css('background','aliceblue').append('<option value="'+participant.gymnastid+'">'+'participant.FULLNAME'+'</option>'); }); } }); }); }); </script>

aquí mi ruta

 Route::get('/getParticipant/', 'App\Http\Controllers\ScoreController@getParticipant');

aquí mi controlador

 public function getParticipant() { $getdiv = $_GET['divSelect']; if ($getdiv == 'Male') { $res = Magmodel::all(); return Response::json($res); }else{ $res = Wagmodel::all(); return Response::json($res); } }

¿Alguien puede ayudarme para que todos los datos del modelo Magmodel o Wagmodel se muestren según el menú desplegable?