如何解决我的网站表单中的自动完成功能在桌面浏览器和 IOS 浏览器中工作正常,但在 android 浏览器中无法正常工作......不知道为什么?
这是我的 javascript 代码,用于在 windows 和 mac 的桌面浏览器以及 iPhone、ipad 的移动浏览器中运行自动完成其工作正常。但是,它不适用于 android 移动浏览器。
实际上,我正在尝试使用产品 ID 通过自动完成来获取库存中剩余的商品数量 + 商品的价格。我不明白为什么它不起作用...
<?PHP require_once ('../connection/connection.PHP');
$sql = "SELECT dp.*,p.* FROM product as p,product_detail as dp where p.product_id=dp.p_id and dp.dead_stock='0' and dp.datepicker_mfg_date <= dp.datepicker_exp_date";
$result = $conn->query($sql);
if ($result->num_rows > 0)
{
$pp=array();
while($row = $result->fetch_assoc())
{
$pp[]='{"label":"'.$row['product_name'].'","value":"'.$row['product_id'].'"}';
}
}
?>
<script type="text/javascript">
var productList = [<?PHP echo @implode(",",$pp);?>];
APchange = function(event,ui){
$(this).data("autocomplete").menu.activeMenu.children(":first-child").trigger("click");
}
function invoice_productList(cName) {
var item_price = 'item_price_'+cName;
var available_quantity = 'available_quantity_'+cName;
$( ".productSelection" ).autocomplete(
{
source: productList,delay:300,focus: function(event,ui) {
$(this).parent().find(".autocomplete_hidden_value").val(ui.item.value);
$(this).val(ui.item.label);
return false;
},select: function(event,ui) {
$(this).parent().find(".autocomplete_hidden_value").val(ui.item.value);
$(this).val(ui.item.label);
var id=ui.item.value;
var dataString = 'product_id='+ id;
$.ajax
({
type: "POST",url: "modal/inv_pro_info.PHP",data: dataString,cache: false,success: function(data)
{
var obj = jQuery.parseJSON(data);
//alert(obj);
$('.'+item_price).val(obj.product_sell_price);
$('.'+available_quantity).val(obj.product_quantity);
quantity_calculate(cName);
}
});
$(this).unbind("change");
return false;
}
});
$( ".productSelection" ).focus(function(){
$(this).change(APchange);
});
}
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。