Could someone please help me figure out what I am doing wrong here? When I use console.log(), it is returning an empty string instead of an array.
I am trying to update the second select box when the onChange event is triggered on the first select box, but I am unable to retrieve the data. When I use var_dump($results), it successfully displays an array of items, but when I use return $results, it gives me an empty string.
This is how the code looks like:
Here is the JavaScript function:
function _getNestedSelectOptions(activeComponent){
$.ajax({
type: "POST",
url: "/backend/categories/get_nested_options/" + activeComponent
}).done(function(html){
console.log(html);
});
}
And this is the PHP code in
controllers/backend/categories.phppublic function get_nested_options($cid = FALSE){
if($cid == FALSE)
$cid = $this->activeComponent;
$categoriesResult = $this->categories_model->get_categories_tree_by_com($cid);
$categoriesDropdownOptions = array();
$this->categories_model->get_nested_options($categoriesDropdownOptions, $categoriesResult);
var_dump($categoriesDropdownOptions); // <-- THIS WORKS AND SHOWS AN ARRAY OF ITEMS
//return $categoriesDropdownOptions; // <-- THIS DOES NOT WORKING
}
Here is the output on console.log():
7 => string 'Administrators' ->(length=14)
8 => string 'Managers' ->(length=8)
9 => string 'Users' ->(length=5)