Závislé dynamické Zvolte menu druhé menu není získávání dat

Question 1

Já jsem se snaží vytvořit závislé zvolte menu, kde vyberete divize se zobrazí přímo pod ním na další zvolte menu. Kdysi jsem ajax. Jsem nováček v ajax. Vyberte menu vypadá takto. zadejte popis obrázku zde

Po výběru oddělení okresní zvolte menu bude povolena. Problém jsem čelí, je přímo ukazuje hodnotu null. Kód je získání id vybrané divize, ale to nemohl vybrat přímo záviset na id. Moje databáze má mnoho vztahu, kde jedna divize má mnoho district. Dávám kód zde. Regulátor

$data['divisions'] = DB::table('divisions')->get();
return view('Backend.pages.seller.manage_seller_profile',compact('seller_profile','districts','universities','subs','councilors'),$data);

Já jsem kolem mnoho věcí, Ale pro tuto část jsem jen předávání dat proměnné.

Jquery

$(document).ready(function() {
        $('#division').change(function() {
            var division = $('#division').val();
            $('#district').html('');
            $.ajax({
                url: '/getDistrict/{id}',
                type: 'GET',
                data: {
                    myID: division
                },
                dataType: "json",
                success: function(data) {
                    $('#district').append('<option value="">' + "Select District" + '</option>');
                    $.each(data, function(key, district) {

                        $('#district').prop('disabled', false).css('background', '#fff').append('<option value="' + district.id + '">' + district.name + '</option>');
                    });
                },
                error: function() {

                }
            });
        });
    });

To může zobrazit data z rozdělení proměnné správně. ale potom, co se stalo, nejsem si jistý.

Trasu

Route::get('/getDistrict/{id}', 'AddressController@getDistrict');

getDistrict Funkce

function getDistrict()
    {
        $id = $_GET['myID'];
        $res = DB::table('divisions')
        ->join('districts','divisions.id','=','districts.divisions_id')
        ->where('divisions.id', $id)
        ->get();
        return Response::json($res);
    }

Jsem vděčný za jakoukoliv pomoc. Nemůžu pochopit, kde jsem to zvoral.

Question 2

můžu vám dát funkční příklad

čepel

nejprve vyberte

 <select class="select_option" name="category" id="category">
  <option value="">All Categories</option>
   <option value="source">Lead Source  </option>
    <option value="group">Group</option>
     <option value="agent" >Agent</option>
     <option value="status">Status</option>
  </select>

za druhé, zvolte

       <select class="form-control" name="selectedValue"id="selected-value">
    </select>

ajax

<script type="text/javascript">
    $("#category").change(function() {
        $.ajax({
            url: "{{ url('/category-data') }}?category=" + $(this).val(),
            method: 'GET',
            success: function(data) {
                $('#selected-value').html(data.html);
            }
        });
    });
</script>

Trasu

 Route::get('/category-data','User\LeadController@categoryData');

Regulátor

    public function categoryData(Request $request)
    {


        $id = $request->category; // call the name you are passing instead fo category
        $html = '';
        if ($id) {

            $res = DB::table('divisions')
            ->join('districts','divisions.id','=','districts.divisions_id')
            ->where('divisions.id', $id)
            ->get();

            foreach ($res as $re) {
                $html .= '<option value="' . $re->id . '">' . $re->name . '</option>';
            }
        }  else {
            $html = '<option value="">Select </option>';
        }
        return response()->json(['html' => $html]);
    }

yadu siva das · Answer 1 · 2021-11-24T10:02:40

můžu vám dát funkční příklad

čepel

nejprve vyberte

 <select class="select_option" name="category" id="category">
  <option value="">All Categories</option>
   <option value="source">Lead Source  </option>
    <option value="group">Group</option>
     <option value="agent" >Agent</option>
     <option value="status">Status</option>
  </select>

za druhé, zvolte

       <select class="form-control" name="selectedValue"id="selected-value">
    </select>

ajax

<script type="text/javascript">
    $("#category").change(function() {
        $.ajax({
            url: "{{ url('/category-data') }}?category=" + $(this).val(),
            method: 'GET',
            success: function(data) {
                $('#selected-value').html(data.html);
            }
        });
    });
</script>

Trasu

 Route::get('/category-data','User\LeadController@categoryData');

Regulátor

    public function categoryData(Request $request)
    {


        $id = $request->category; // call the name you are passing instead fo category
        $html = '';
        if ($id) {

            $res = DB::table('divisions')
            ->join('districts','divisions.id','=','districts.divisions_id')
            ->where('divisions.id', $id)
            ->get();

            foreach ($res as $re) {
                $html .= '<option value="' . $re->id . '">' . $re->name . '</option>';
            }
        }  else {
            $html = '<option value="">Select </option>';
        }
        return response()->json(['html' => $html]);
    }

Děkuji vám za váš návrh . Mohu se zeptat, o databáze tvorbu? Nemohl jsem pochopit, tyto linky. if ($category == 'skupina'). Měl jsem použít $category== 'division_id' z kraje stolu?
to je z mého projektu. Dejte mi chvilku, já budu psát funkce pro vás

Závislé dynamické Zvolte menu druhé menu není získávání dat

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii