Value is not extracted from select array

Hello, i have problem. When i add item to select list and use this code:

var a = this.getDialog();

var ForSubSpanID = a.getContentElement('Tab-BoldedSpan', 'SubSpanID');

var ForSubSpanName = a.getContentElement('Tab-BoldedSpan', 'SubSpanName');

var InsertedSubID = a.getContentElement('Tab-BoldedSpan', 'PreInsertedSubID');

var index = InsertedSubID.items.length;

InsertedSubID.items.length += 1;

InsertedSubID.add(ForSubSpanID.getValue(), ForSubSpanID.getValue(),index);

var InsertedSubName = a.getContentElement('Tab-BoldedSpan', 'PreInsertedSubName');

InsertedSubName.add(ForSubSpanName.getValue(), ForSubSpanName.getValue(), index);

And that's ok, items added and i see that.

But when i try to extract this items i use this code

var SelName = document.getElementById('cke_124_select');

for (var i =0 ; i < SelName.length; ) {

InnerSpan[i] = editor.document.createElement('span');

InnerSpan[i].setAttribute('id', SelName[i].value);

InnerSpan[i].setText(SelName[i].value);

CreateBoldedSpan.append(InnerSpan[i]);

InnerSpan[i+1] = editor.document.createElement('span');

InnerSpan[i+1].setAttribute('id', SelName[i].value);

InnerSpan[i+1].setAttribute('type', 'DynamicSeparator');

InnerSpan[i+1].setText(',');

CreateBoldedSpan.append(InnerSpan[i + 1]);

i++;

}

Because this code not worked

//var InnerSpan = new Array();

//var InsertedSubID = dialog.getContentElement('Tab-BoldedSpan', 'PreInsertedSubID');

//var InsertedSubName = dialog.getContentElement('Tab-BoldedSpan', 'PreInsertedSubName');

//for (var i in InsertedSubID.items) {

// //i += 1;

// //InnerSpan[i] = editor.document.createElement('span');

// //InnerSpan[i].setAttribute('type', 'DynamicSeparator');

// //InnerSpan[i].setText(',');

// //CreateBoldedSpan.append(InnerSpan[i]);

//}

This code extract items? that added when page loaded but not extracted items added later and i must use for access to  items this  document.getElementById('cke_124_select');