Javascript 循环数组值并将它们放入新选项attr中

我有一个数组，我只想获取这个数组的值，并将它们放在现有的select元素中。请参阅我的当前代码：

var obj = [
    {
        "-": "",
        "0": "1",
        "1": "value1",
        "2": "value2",
        "3": "value3",
        "4": "value4",
        "5": "value5",
        "6": "value6",
        "7": "value7",
        "8": "value8"
    }
];

var windings_array = [];
for (elem in obj) {
   windings_array.push(obj[elem]);
}

var options = $("#winding").find("option");
for (var idx in windings_array) {
    options.eq(idx).attr("img-data", JSON.stringify(windings_array[idx]));
};

问题是，只有第一个选项元素被更改，整个数组被注入到“img数据”中

...

---

我应该怎么做呢？

需要什么样的输出，这样就有了一个额外的attr“img data”，每个attr都带有数组中的值。请参阅感谢Arun，太好了！您无法猜测值的设置顺序

<option img-data="value1"></option>
<option img-data="value2"></option>
<option img-data="value3"></option>
...