Autocomplete 当用户单击任意位置站点时隐藏ul

我的代码是：

function autocomplet() {
    var min_length = 0; // min caracters to display the autocomplete
    var keyword = $('#country_id').val();
    if (keyword.length >= min_length) {
        $.ajax({
            url: 'ajaxname.php',
            type: 'POST',
            data: {keyword:keyword},
            success:function(data){
                $('#country_list_id').show();
                $('#country_list_id').html(data);
            }
        });
    } else {
        $('#country_list_id').hide();
    }
}


function set_item(item) {
    // change input value
    $('#country_id').val(item);
    // hide proposition list
    $('#country_list_id').hide();



}

当用户点击任何地方时，我会隐藏ul（国家列表id）

我不擅长ajax：(

---

因此，任何人都可以编辑此代码

假设您只想在用户单击任何内容时隐藏id

然后在这里

$(document).on("click", () => {
  $('#country_list_id').hide();
})