自动填充功能未在文本框中显示所选值

时间:2018-02-12 09:51:10

标签: javascript php mysql ajax codeigniter

--- ----的Ajax

自动完成工作正常,但如果我开始键入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单独显示文本框,请点击以下网址作为参考

如果有人事先知道,请提供帮助

1 个答案:

答案 0 :(得分:0)

阅读以下网址“

https://select2.org/` 

希望它能解决您的要求。