onclick - 带有选择选项的单击功能上的 jquery 在 chrome 中不起作用，但在 Internet Explorer 中起作用

Question

以下代码在 Internet Explorer 中运行，但在 chrome 中无法运行。我也尝试使用更改而不是单击，但它仍然无法正常工作。

return {
        init: function () {

            importEelemetns.find("#import-type")
                            .on("click",
                                "option",
                                function (event) {
                                    buildformdata($(this).data("type"));
                                });
           

        },



        loadformdata: function () {
            loadformdata();
        }

    };

}

                    <h2>select table</h2>
                    <select class="" id="import-type">
                    <option href="#" class="dropdownlist active" data-type="Students" data-typeid="5" id="user-menu">
                                    Users
                     </option>
                    <option href="#" class="dropdownlist active" data-type="Employee" data-typeid="5" id="user-menu">
                                    Employee
                     </option>                  
                     <option href="#" class="dropdownlist active" data-type="Supervisors" data-typeid="5" id="user-menu">
                                    Supervisors
                     </option>       
                    </select>