html/javascript: how to onclick on non-existent element in html

Question

How to call a function when I click over an 'option' (HTML select > option) when that element is created in javascript and not exists in the html ? here I'm not using jquery or ajax, is just javascript

in my html I only have:

<fieldset>
    <legend>List...</legend>

    <select id="select1" size="9" style="width:150px">
        <option>Select a person</option>
    </select>
</fieldset>

• more options (persons) are created in another function

Answer 1

Use the onchange event

Without using jquery

document.body.onchange = function(e) {
    if (e.target.tagName=='SELECT'){
        SelectedOption(e.target);
    }
}
function SelectedOption(option){
    alert(option.value);
    alert(option.id);
}

Another example from the select control

<select onchange="javascript:SelectedOption(event.target)" > ...