jQuery ajax call not populating multiple select - php

Question

Having difficulty getting this to work. Using Chrome javascript console, I can see that my function is firing and getting the result I nee, it just won't populate the multiple select. Here's the code:
jQuery:
$("select[name='field[one]']").change(function()
{
var optionValue = $("select[name='field[one]']").val();
$.get
('/directory/location/getData', {select:optionValue},
function(data)
{
$("select[name='subjects']").val(data);
}
);
}
);
HTML:
<select name="field[one]" id="field_one">
<option value="" selected="selected"></option>
<option value="2011">2011</option>
</select>
<select multiple id="show_results" name="subjects" />
</select>
AJAX PHP Call:
public function executeGetData(sfWebRequest $request){
$year = $request->getParameterHolder()->get('select');
$specialties = Doctrine_Core::getTable('Specialty')->getSpecialtyArray();
$array = array();
foreach($specialties as $specialty){
$array[$specialty['id']] = '';
$count = Doctrine_Core::getTable('HistoricalSalaries')->getCountPerSpec($year, $specialty['id']);
$array[$specialty['id']] .= $specialty['name']." Count($count)";
}
return $this->renderText( json_encode( $array ) );
}
The result is a json encoded array... which I think is the problem... getting the multiple select to interpret that info correctly. Currently nothing happens after the call is made and the data retrieved.
Here is a sample of the json encoded array result shown in chrome debugger:
{
2: "Aerospace Medicine Count(50)",
3: "Abdominal Radiology (DR) Count(65)",
4: "Addiction Psychiatry (P) Count(46)",
5: "Adolescent Medicine (PD) Count(23)"
}
Thanks in advance.

Answer 1

You can do this:
function(data) {
$.each(data, function(index, itemData) {
var newOption = "<option value='" + index + "'>" + itemData + "</option";
$("#show_results").append(newOption);
});
}
Here's a fiddle that demo's looping over the JSON: http://jsfiddle.net/tymeJV/8eUFe/
Here's a fiddle demoing your problem: http://jsfiddle.net/tymeJV/8eUFe/1/