2016-04-09 6 views
0
@foreach($category as $key => $category) 
         <select name="category" id="{{$key}}"> 
          <option value="{{$key}}">{!! $category !!}</option> 
         </select> 
        @endforeach 
        <select name="subcat" id="subcategory"></select> 
<script> 
    $('#{{$key}}').on('click', function() { 
     var id = $('#{{$key}}').val(); 
     $.getJSON("subcategory/" + id, function (data) { 
      var subcat = $('#subcategory').empty(); 
      $.each(data, function (key, value) { 
       $('#subcategory').append(
         $('<option/>').val(key).text(value) 
       ); 
      }); 
     }); 
    }); 
</script> 

javascript'te laravel kontrol kimliği nasıl atanır? i java komut, alt kategoriden alt kategoriden yararlanmak istiyor 5.2,

+0

Sorunuz açık değil, ne demek istiyorsunuz laravel control id ?? – Atiqur

+0

hatası, bir seçim alanı kimliği. id = {{$ key}} değerine atama, şimdi javascript'te ro kullanmak istiyorum. emin değilim, $ ('# {{$ key}}'). ('click', function() olarak kullanır. Lütfen açık değil kadar, –

+0

önermek, verilen komut dosyası çalışmıyor mu? Başka bir komut dosyasında $ anahtar değişkenini başka bir yerde kullanın? eğer ikincisiyse lütfen ne denediğinizi sağlayın. Verilen kişi sadece sonuncu irade için her anahtar için çalışmayacaktır. Verilen betiğiniz için etrafta bir iş vereceğim. – Atiqur

cevap

1
@foreach($category as $key => $category) 
    <select name="category" id="{{$key}}"> 
     <option value="{{$key}}">{!! $category !!}</option> 
    </select> 
@endforeach 

bu o seçeneği ile 20 seçme kutusu oluşturulur 20 kategorinin anlamsızdır basit html kontrol kimliği sağlayın eğer .it iyi çalışır !!!. İsterseniz

<select name="category" id="whatever" onchange="pullASubCategory(this.value)"> 
    @foreach($category as $key => $category) 
     <option value="{{$key}}">{!! $category !!}</option> 
    @endforeach 
</select> 
<select name="subcat" id="subcategory"></select> 



<script> 

    function pullASubCategory(categoryId){ 

     //I do not test this code just copied fro you.... 
     $.getJSON("subcategory/" + categoryId, function (data) { 
      var subcat = $('#subcategory').empty(); 
      $.each(data, function (key, value) { 
       $('#subcategory').append(
         $('<option/>').val(key).text(value) 
       ); 
      }); 
     }); 
    } 

</script> 

Güncelleme

@foreach($category as $key => $category) 
    <select name="category" id="{{$key}}" onclick="pullASubCategory({{$key}})"> 
     <option value="{{$key}}">{!! $category !!}</option> 
    </select> 
@endforeach 
<select name="subcat" id="subcategory"></select> 

<script> 

    function pullASubCategory(categoryId){ 

     //I do not test this code just copied fro you.... 
     $.getJSON("subcategory/" + categoryId, function (data) { 
      var subcat = $('#subcategory').empty(); 
      $.each(data, function (key, value) { 
       $('#subcategory').append(
         $('<option/>').val(key).text(value) 
       ); 
      }); 
     }); 
    } 

</script> 

Eğer onfocus gibi diğer olay kullanabilirsiniz onSelect: Ben böyle bir şey istiyorum umuyoruz.

+0

cevabı güncelliyorum. –