语义UI搜索选择下拉列表在Safari中不起作用

Question

我使用语义用户界面并动态加载下拉选项。我正在加载页面加载的第一个下拉列表。在第一个下拉列表中选择选项时，将加载第二个下拉列表。

例如：如果我们选择国家/地区，则会在第二个下拉列表中加载相应的状态。

但这不适用于safari.Its在chrome工作。任何人都可以帮助我吗？

这是我的代码：

$('#dp1').datepicker({
    beforeShowDay: bansingle,
    todayHighlight: false,// make this parameter to false. It will not highlight then.
    altField:'#alternate1',
        altFormat: 'm-d-yy',
        fielddateFormat: 'm-d-yy',
    minDate: "+0d",
    //maxDate: "+1m", // set latest selectable date
});

HTML页面

$("#selectdd1").change(function () {       
$.ajax({
    url: apiUrl,
    dataType: 'json',
    data: this.value,
    type: 'GET',        
    success: function (ResultSet) {                       
        $('.selectdd2').find('.menu').html("");            
        $('#selectdd2').empty();
        var $menu = $('.selectdd2').find('.menu');
        $('#selectdd2').append('<option value="">Select a Company</option>');
        for (var CMPIndex = 0; CMPIndex < ResultSet.length; CMPIndex++) {
            var tempValue = $.trim(ResultSet[CMPIndex].Value);
            $('#selectdd2').append('<option value="' + tempValue + '" keycode="' + ResultSet[CMPIndex].Key + '">' + tempValue + '</option>');
            $menu.append('<div class="item" data-value="' + tempValue + '">' + tempValue + '</div>');
        };
       $('#selectCompany').dropdown({
            placeholder: "Select",
        });          
    }
});
});