Due to the limitations of the deign of a current system, I need to pass data to a select element as json, reset each option in the select object with the 'id' value from the json and populate a second select element with 'sid' data from the json to create a dynamic parent-child pair of select elements.

However I seem to be unable to successfully parse the option value and push it into an array for use in later code.

```
<select id="Sector">
    <option value="{'id':'Fruit','sid':['Apple','Orange']}"></option>
    <option value="{'id':'Veg','sid':['Tomato','Carrot']}"></option>
</select>

<script language="JavaScript" type="text/javascript">

    var plist = document.getElementById('Sector');
    var opts = plist.options;
    var x =[];
    for(i=0;i<opts.length;i++){
        x.push(opts[i].value);
    }

    alert(x[0]['id']);
</script>

```

What am I doing wrong ??i