Javascript addEventListener在appendChild之后不工作

我有一个ul，动态添加一个option元素，并在该option元素中添加一个锚元素

当我在锚上添加事件时，问题就开始了！不行

HTML:

请参见JSFIDLE中的：

您不能在“选项”中添加锚定“a”元素，看看它是如何工作的：

var ul=document.querySelector（'ul'）；
var li=document.createElement（'li'）；
li.innerHTML=“”；
ul.儿童（li）
我尝试了JSFIDLE链接。该示例对我有效->点击一个警报出现。
a
不应该是google chrome中
option
的
child
不起作用。为什么要插入一个选项插入ul，逻辑将插入li。检查编辑后的答案哦，真相。。在使用select之前我弄错了。。卡卡卡
<ul></ul>

var ul = document.querySelector('ul');
var option = document.createElement('option');
var a = document.createElement('a');

a.innerHTML = "click me";

a.addEventListener('click',function(){
   alert('event successful!');
});

option.appendChild(a);

ul.appendChild(option);