Estoy usando Select2 para un proyecto. El segundo cuadro de selección se llena según el elemento seleccionado en el primer cuadro, como se muestra en el enlace a continuación. Sin embargo, no puedo hacer clic en el primer elemento del segundo cuadro de selección por algún motivo. La única forma en que puedo seleccionar el primer elemento si quiero, es seleccionar primero un usuario diferente y luego volver al primero. ¿Como puedo resolver esto?

Video:

Mi código:

Este es el primer cuadro de selección, que se llena con PHP normal (Laravel). Todo funciona bien aquí.

 <div class="form-group"> <label for="select"> Partner: </label> <select id="select" name="select" class="searchselect searchselectstyle"> @foreach($partners as $i => $partner) <option {{$i == 0 ? 'selected' : ''}} value="{{$partner->id}}">{{$partner->name}}</option> @endforeach </select> </div>

Aquí está el segundo cuadro de selección, con el error.

 <div class="form-group" > <label for="select2"> Hoofdgebruiker: </label> <select id="select2" style="min-width: 200px;" name="select2" class="searchselect searchselectstyle"> </select> </div> <script type="text/javascript"> $(document).ready(function(){ var url = '/json/getusers'; var $post = {}; $post.id = $("select").val(); $.ajax({ type: "POST", dataType: "json", url: url, data: $post, cache: false }).done(function(data){ $('#select2') .find('option') .remove() .end(); $.each(data, function(i, value) { console.log(data); $('#select2').append($('<option>').text(value.text).attr('value', value.id)); }); } ); });

-

 public function getusers(){ if(!isset($_POST['term'])){ $users = User::where('partner_id', $_POST['id'])->get(); }else{ $wildcard = '%'.$_POST['term'].'%'; $users = User::where('partner_id', $_POST['id'])->where('email', 'LIKE', $wildcard)->get(); } $array = array(); foreach($users as $i => $user){ $array[$i] = array("id" => $user->id, "text" => $user->email); } return response()->json($array); }