自動完成功能不會在文本框中顯示所選值

Question

---阿賈克斯----

自動完成工作正常，但是如果我開始輸入wi（wipro），同時輸入wi，它會顯示下拉列表，但是如果我在文本框中僅選擇wi，

   $(document).ready(function () {
   $("#company_name").keyup(function () {
    $.ajax({
        type: "POST",
        url: "http://localhost/capms_v2/ca_autocomplete/getcompanyName",
        data: {
            keyword: $("#company_name").val()
        },
        dataType: "json",
        success: function (data) {

            if (data.length > 0) {
                $('#DropdownCompany').empty();
                $('#company_name').attr("data-toggle", "dropdown");
                $('#DropdownCompany').dropdown('toggle');

            }
            else if (data.length == 0) {
                $('#company_name').attr("data-toggle", "");
            }
            $.each(data, function (key,value) {
                if (data.length >= 0)
           $('#DropdownCompany').append('<li role="displayCountries" ><a 
    role="menuitem DropdownCompany" id='+ value['company_id']+ ' Address1='+ value['company_address1']+ ' Address2='+ value['company_address2']+' city='+ value['company_city']+' state='+ value['company_state']+' pincode='+ value['company_zip']+'  class="dropdownlivalue">' 
                        + value['company_name'] + '</a></li>');

            });
        }
    });
});
$('ul#txtcountry').on('click', 'li a', function () {
    $('#company_name').val($(this).text());
    $('#company_id').val($(this).text());


    $('#tableCityID').html( $(this).attr("id") );
    $('#tableCityName').html($(this).text());
    $('#Address1').html($(this).attr("Address1"));
    $('#Address2').html($(this).attr("Address2"));
    $('#city').html($(this).attr("city"));
    $('#state').html($(this).attr("state"));
    $('#pincode').html($(this).attr("pincode"));
   });
   });

---

這是我的html頁面

  <input type="text" id="company_name" autocomplete="off" class="form-control" placeholder="Type company name" data-id="" value="" name="company_name">        
   <ul class="dropdown-menu txtcountry" style="margin-left: 15px;margin-right: 0px;margin-top: -17px;" role="menu" aria-labelledby="dropdownMenu"  id="DropdownCompany"  ></ul>


         ---------------------------

例如：如果我選擇僅skm動物食品產品skm單獨顯示文本框，請單擊下面的URL以供參考

如果有人事先知道，請幫助

Answer 1

閱讀以下URL`

https://select2.org/` 

希望它能解決您的要求。