使用下面的代码,我搜索一个客户的编号并选择该客户。现在,当选择一个客户端时,该客户端的名称将显示在ID为cust_name
的输入框中。
但是使用ID为phone-search
的输入框时,不会显示客户的电话号码。
PS:我使用ID为phone-search
的输入框搜索客户端,并且选择了client时,输入框将清除。
如何通过使ID为phone-search
的输入框的值成为所选客户端的电话号码来解决此问题?
JS和HTML
$.get("main-search-autocomplete", function(data){
$("#phone-search").typeahead({
"items": "all",
"source": data,
"autoSelect": false,
displayText: function(item){
console.log(item.phone);
return item.phone;
},
updater: function(item) {
$('#phone-search').val(item.phone);
$('#cust_name').val(item.name);
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" autocomplete="off" name="customer_phone" id="phone-search" class="form-control square" placeholder="Customer Phone Number" required>
<input type="text" name="customer_name" id="cust_name" class="form-control square" placeholder="Customer Name" required>