--- ----的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"));
});
});
<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单独显示文本框,请点击以下网址作为参考
如果有人事先知道,请提供帮助
答案 0 :(得分:0)
阅读以下网址“
https://select2.org/`
希望它能解决您的要求。