赋予option元素点击事件后，点击select时却触发了option事件。如何解决？

<select class="adt" name="ss">
    <option>请选择</option>
    <foreach name='sf' item='f'>
    <option jibie="{$f.level}" value="{$f.name}" index="{$f.code}">{$f.name}</option>
    </foreach>
</select>  


//css文件
 .adt{
    position: relative;
}