[jQuery] populate selectbox with json feed...partially working, need help to finish.

[claudes]

i have this json feed:
{
    "channel": {
        "title": "History",
        "id": "12",
        "subtopics": [
                        {"title": "Roman History", "ID","13"},
                        {"title": "Greek History", "ID", "1"},
                        {"title": "French History", "ID", "1"}
        ] // subtopics
    }
}

and i want to populate a select box to result as follows:

<option>History>
<optgroup>
<option value="ID">Roman History</option>
...
</optgroup>
</option>

this is the code i have so far:

$.getJSON("jrss.js", function(json) {
                var html = '<select id="select-program">';
                        response = {
                 values: [],
                 count: 0
             }; 
                $.each(json.channel.subtopics,function(i,item) {
                        html += '<option>history</option>'; // not sure where 
this goes 
                        response.values[i] = item.title;
                        html += '<optgroup>';
                        html += '<option>'+item.title;+'</option>';
                        html += '</optgroup';
                });
        
                        html += '</select>';

                        $('body').append(html);
                });
        
});

var jJSON = {
    getValues: function(obj,num) {
        return jJSON[obj]["values"];
    }
}


I can currently get the code to populate the <optgroup> correctly. I still
cannot get it to assign id as the value. and i cannot dynamically assign the
<option>history</history> dynamically...it returns undefined.

can anyone help me with these two issues? thanks
-- 
View this message in context: 
http://www.nabble.com/populate-selectbox-with-json-feed...partially-working%2C-need-help-to-finish.-tp20654600s27240p20654600.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.