2014-04-10 170 views
1

希望你有一個愉快的一天一個選項下拉和我非常清楚地描述我的問題:)填充上選擇其他下拉Laravel

我有類的表和子的表類別。在我看來,我想讓用戶選擇屬於某個類別的子類別,用於添加產品(每個產品都屬於一個子類別)。爲此,我想在選擇類別時顯示用戶子類別。就像他從類別中選擇衣服時,我想要顯示子類別,如上衣,短褲等。

我該怎麼做?只是一個想法會起作用。

謝謝。

+0

這是想法...你得到所選類別的ID並使用該ID來填充子類別DropDown的內容 – CSharper

+0

非常感謝。我現在正在處理它:D –

回答

2

嘗試在第一下拉平變化這

呼叫的getJSON並通過所選擇的值,以URL和加載第二下拉的結果。希望這可以幫到你

$(document).ready(function(){ 
    $("#firstdropdown").change(function() { 
    var firstdropselectedvalue= $("#firstdropdown").val(); 
    var url= test.php?selected=firstdropselectedvalue; 
    $.getJSON(url, function(data){ 
    $.each(data, function(index, text) { 
    $('#seconddropdown').append(
     $('<option></option>').val(index).html(text); 
    ); 
    }); 
}); 

}); 

});

+0

這不起作用。 JavaScript不好。 –

+0

你是否更新過你的變量的URL和名稱? – kumaro

+0

是的,我編輯了firstdropdown,seconddropdown,url。它沒有工作。但是我通過從你的代碼中學習來完成它。乾杯。 –

5

對於那些誰是有一個問題:

這是我在我的$(document.ready(function(){}));功能在我看來

 $('#firstDropDown').change(function(){ 
     $.getJSON("{{ url('products/fetch-sub-category')}}", 
     { option: $(this).val() }, 
     function(data) { 
      var model = $('#secondDropDown'); 
      model.empty(); 
      $.each(data, function(index, element) { 
       model.append("<option value='"+element.catName+"'>" + element.catName + "</option>"); 
      }); 
     }); 
    }); 

這就是我從我的控制器返回

$input = Input::get('option'); 
    $cat = Category::where('catName', '=', $input)->get(); 
    return Response::json($cat, 200); 
相關問題