Динамическое создание списка <select> и обработка события двойного клика
 

Приветствую!
Формирую динамически список в определенных колонках таблицы.К каждому элементу option добавляю обработчик события,в который передаю сам option.

for(var j=0;j<data.persons[i].person.phones.length;j++){
                            var option= document.createElement("option");
                           
                           option.ondblclick = function () { getId(option); };
                        option.setAttribute("id", data.persons[i].person.phones[j].id);
                                              option.appendChild(document.createTextNode(data.persons[i].person.phones[j].value));

В обработчике получаю значение атрибута

function getId(option) {

         alert(option.getAttribute("id"));
     }

Но получаю только значение последнего :(



Как получить значение id выбранного элемента списка?

необходимо отслеживать изменение значения select - обработчик выделен красными строчками

*!*
select.onchange = function() {
    alert(this[this.selectedIndex].id)
}
*/!*

for (var j = 0, option; j < data.persons[0].person.phones.length; j++) {
    option = document.createElement("option");
    option.id = data.persons[i].person.phones[j].id;
    option.appendChild(document.createTextNode(data.persons[i].person.phones[j].value));
    select.appendChild(option)
}

Благодарю Вас,сударь:) очень помогли:)