できません。これ<select>は置き換えられた要素であり、その子は実際の子要素ではなく、その要素のデータとしてのみ機能します。

あなたができる最善のことは、onChangeイベントを<select>それ自体に適用してから、アクセスthis.options[this.selectedIndex]して何かを行うことです。

onchange イベントをキャッチしてから、次のように値が何に変化したかをテストします。

更新: 追加した onfocus イベントに注目してください。

その他のアイデアについては、ここを確認してください: Is there an onSelect event or equal for HTML <select>?

<script type="text/javascript">

function myDDLOnChangeEvent()
{
    var selectedValue = document.getElementById('myDDL').value;
    if(selectedValue == 'Foo')
    {
        //alert('Hi there');
        //do stuff here - except for alerts
        //if you put an alert here, it will fire the onfocus event again..
        //  ..after you click 'ok' in the alert box
    }
}

</script>

<select id="myDDL" onchange="myDDLOnChangeEvent();" onfocus="this.selectedIndex = -1;">
    <option>Foo</option>
    <option>Bar</option>
</select>