Dropdown yang dipengaruhi dropdown sebelumnya

 <script type="text/javascript">
    function isiSpesies1(){
      var idIkan = $("#nIkan1").val();
      $("#sIkan1").html('@foreach (App\SpesiesIkan::where('id_ikan',1)->get() as $tabelSpesies)
      <option value="{{$tabelSpesies->id_spesies}}">{{$tabelSpesies->nama_spesies}}</option>@endforeach');

    }
  </script>

jadi gini, saya ingin menampilkan dropdown spesies ikan, tapi spesies ikan yang tampil menurut dropdown ikan yang dipilih. caranya gimana ya? code diatas hanya menampilkan spesies dengan id_ikan 1, saya coba masukan variabel id_ikan ke parameter where gagal terus. mohon bantuannya.

avatar SyamsRachman
@SyamsRachman

3 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

2 Jawaban:

atau kalok bingung, misal iku milih dropdown provinsi dengan option jawa timur, lalu dropdown kota akan menampilkan kota kota di jawa timur

avatar SyamsRachman
@SyamsRachman

3 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

Jawaban Terpilih

pakek ajax mas,,

pertama di form nya kasih masing2 id=""


   <div class="form-group">
                                        <label for="">Provinsi
                                            <span class="required">*</span>
                                        </label>
                                        <select  class="form-control select2" id="provinsi" width="100%">
                                            <option disabled selected>Pilih Provinsi</option>
                                            @foreach($getProvinsi as $provinsi)
                                            <option value="{{$provinsi->id}}">{{ $provinsi->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                    <div class="form-group">
                                        <label for="">Kabupaten / Kota
                                            <span class="required">*</span>
                                        </label>
                                        <select class="form-control select2" id="kota" width="100%">
                                            <option disabled selected>Pilih KOta </option>
                                        </select>
                                    </div>

ketiga di javasvriptnya mas taruh setelah panggil jQuery

 $(document).ready(function(){

 //provinsi on change
        $('#provinsi').change(function (e) {
            $.ajax({
                url: "<?= url('/admin/get-kota-kab/') ?>/" + $(this).val(),
                method: 'GET',
                success: function (data) {
                    //console.log(data);

                    $('#kota').children('option:not(:first)').remove().end();

                    $.each(data, function (index, kotaObj) {
                        $('#kota').append('<option value="' + kotaObj.id + '"> ' +
                            kotaObj.type + ' ' +
                            kotaObj.name + ' </option>')
                    });
                }
            });
        });
});

di routenya

 Route::get('/admin/get-kota-kab/{id}', 'MKotaKabController@getKotaByProvinsi');

di controllernya

 	public function getKotaByProvinsi($provinsiId)
	{
		$data = MKotaKabModel::where('provinsi',$provinsiId)->orderBy('name')->get();

		return Response::json($data);
	}

semoga jelas :)

avatar Shobirin
@Shobirin

16 Kontribusi 9 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban