Jquery將附加值從select中選擇下拉列表

Question

我試圖在laravel內的依賴下拉列表中返回值。 api/dropdown返回json，所有工作正常。但是，返回的值不會填充到我的下拉列表中，而是顯示[object Object]。

我錯過了什麼嗎？

$(document).ready(function($){ 

     $('#firstselect').change(function(){ 

      $.get("{{ url('api/dropdown')}}", { option: $(this).val() }, 
      function(data) { 
        $.each(data, function(key, value) { 
         $('#secondselect') 
          .append($("<option></option>") 
          .attr("value",key) 
          .text(value)); 
        }); 

      }); 

     }); 

    }); 

Answer 1

$.each(data,function(index,value){ 

//Make sure value is the string you want to attach by putting a debugger here; 
//Append code; 

    $('#secondselect').append($("<option></option>") 
         .attr("value",key) 
         .text(value)); 

}); 

在代碼張貼您

$(document).ready(function($){ 

     $('#firstselect').change(function(){ 

      $.get("{{ url('api/dropdown')}}", { option: $(this).val() }, 
      function(data) { 
        $.each(data, function(key, value) { 

       /**********************************************/ 
       //Evaluate and make sure value is string 
       debugger; 
       console.log(value); 
       /*************************************************/ 

        $('#secondselect').append($("<option></option>") 
          .attr("value",key) 
          .text(value)); 
        }); 

      }); 

     }); 

    }); 

Answer 2

使用$ .parseJSON獲取ferom對象

function(data) { 
data = $.parseJSON(data); 
... 

Answer 3

值嘗試FIDDLE

HTML

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

jQuery的

$(function() { 
    var $val = "Random"; 
     $('select').append('<option value="'+$val+'">'+$val+'</option>'); 

     }); 

希望它有助於..