jquery auto完成不起作用

时间：2014-04-24 13:27:33

标签： javascript jquery

我有这个jquery / JS代码：

<script type="text/javascript">
$(function() {
    var availableTags = ["VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental (Leasing Handsets)","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP IVR Rental","VoIP Extension Rental. Handsets being leased for 3 years.","Multiple VoIP Call Diverts","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","PSTN Phone Line","PSTN\/Analogue Phone Line","PSTN\/Analogue Phone Line","PSTN\/Analogue Phone Line","PSTN\/Analogue Phone Line","PSTN\/Analogue Phone Line","Integra Fibre Unlimited","Integra Fibre","Fibre Unlimited Broadband","ADSL 2+ Broadband","Integra Fibre Pro - 100Gb Download usage","ISDN30 Channels","ISDN Calling Line Identity","40 DDI Numbers","PSTN\/Analogue Phone Line (01702 330012)","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","Monthly PC Maintenance","Monthly PC Maintenance (Over the phone support only)","Monthly PC Maintenance","Monthly PC Maintenance","Monthly PC Maintenance","Monthly PC Maintenance","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts (nextlevelofmobileadventure.co.uk)","Monthly PC Maintenance","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","VoIP Extension Rental","VoIP Extension Rental","Hosted Exchange Email Accounts","VoIP Fax Extension","Integra Unlimited Fibre Connection","Integra 50 Plan (Line & Broadband) 36 month Contract","PSTN Line Rental","Integra Business Bronze","Hosted Exchange Mailboxes","VoIP Extension Rental","PSTN\/Analogue Phone Line","Monthly PC Maintenance","Integra Bundle (Line \/ Broadband \/ VoIP)","Level 4 BT Response","PSTN Phone Line","Level 4 BT Response","Integra Fibre Unlimited",null,"BT 1571 Service","VoIP Extension Rental","VoIP Extension Rental","Phone Line Rental (for Fibre)","Integra Fibre Pro","Bespoke CRM Database","Integra Starter Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Professional Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Hosted Exchange Email Accounts","Hosted Exchange Mailboxes","VoIP Extension Rental","Tool Room PSTN Line","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","Hosted Exchange Email Accounts (tolmers.org.uk)","PSTN \/ Analogue Line Rental","PSTN \/ Analogue Line Rental","Integra Fibre Unlimited","Integra Fibre Unlimited","Integra Fibre Unlimited","PSTN Phone Line","Level 4 BT Response","Integra Professional Web Hosting","Hosted Exchange Emails Accounts","VoIP Extension Rental","VoIP Extension Rental","Hosted Exchange Email Accounts","PSTN Phone Line","Integra Fibre Unlimited","VoIP Extension Rental","Integra Fibre Pro","Hosted Exchange Mailboxes","Hosted Exchange Mailboxes","Hosted Exchange Mailboxes","Integra Fibre Pro","Business Silver Broadband","Callback Extension","VoIP Extension Rental","No Direct Debit Setup - Monthly Charge","VoIP Extension Rental","Offsite Backup - 50p per GB","VoIP Extension Rental","Business Platinum","PSTN\/Analogue Phone Line","VoIP Extension Rental","Outmail 2000","VoIP Extension Rental","VoIP Extension Rental","PSTN Line Rental","VoIP Extension Rental","VoIP Extension Rental"] //autocomplete
    $(".auto").autocomplete({
        source: availableTags
    });             
});
</script>

但它没有在我的自动完整文本输入上显示列表，如果我将上面的内容更改为：

var availableTags = ["VoIP", "VoIP2", "VoIP2"]

它工作正常并显示3个选项

用于生成列表的PHP代码：

<?php
$return_arr = array();
$sql="SELECT * from customer_billing ";
$rs=mysql_query($sql,$conn) or die(mysql_error());
while($result=mysql_fetch_array($rs)) {
    $return_arr[] =  $result["productname"];
}
?>

2 个答案:

答案 0 :(得分：2)

如果您删除数组中的null

，它们就能正常工作

LIVE DEMO

<强>更新

如果您不希望在查询结果中获得null值，则必须将其设置（带有产品名称的行）NOT NULL。

它变为空''字符串。

答案 1 :(得分：0)

您必须传递有效的JSON数据，或其他选项传递仅值字段即可正常工作，但无法传递NULL 值，您使用单引号 （＆＃39;＆＃39;），

检查此 working Demo jsFiddle

的jQuery 

<script type="text/javascript">
$(function() {
    var  availableTags= [
              {"label" :"VoIP"}, 
              {"label" :"VoIP2"},
              {"label" :"VoIP3"}
   ]
    $(".auto").autocomplete({
        source: availableTags
    });             
});
</script>

检查此 working Demo jsFiddle

<强>的jQuery 

<script type="text/javascript">
$(function() {
    var availableTags = ["VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental (Leasing Handsets)","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP IVR Rental","VoIP Extension Rental. Handsets being leased for 3 years.","Multiple VoIP Call Diverts","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","PSTN Phone Line","PSTN\/Analogue Phone Line","PSTN\/Analogue Phone Line","PSTN\/Analogue Phone Line","PSTN\/Analogue Phone Line","PSTN\/Analogue Phone Line","Integra Fibre Unlimited","Integra Fibre","Fibre Unlimited Broadband","ADSL 2+ Broadband","Integra Fibre Pro - 100Gb Download usage","ISDN30 Channels","ISDN Calling Line Identity","40 DDI Numbers","PSTN\/Analogue Phone Line (01702 330012)","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","Monthly PC Maintenance","Monthly PC Maintenance (Over the phone support only)","Monthly PC Maintenance","Monthly PC Maintenance","Monthly PC Maintenance","Monthly PC Maintenance","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts (nextlevelofmobileadventure.co.uk)","Monthly PC Maintenance","Hosted Exchange Email Accounts","Hosted Exchange Email Accounts","VoIP Extension Rental","VoIP Extension Rental","Hosted Exchange Email Accounts","VoIP Fax Extension","Integra Unlimited Fibre Connection","Integra 50 Plan (Line & Broadband) 36 month Contract","PSTN Line Rental","Integra Business Bronze","Hosted Exchange Mailboxes","VoIP Extension Rental","PSTN\/Analogue Phone Line","Monthly PC Maintenance","Integra Bundle (Line \/ Broadband \/ VoIP)","Level 4 BT Response","PSTN Phone Line","Level 4 BT Response","Integra Fibre Unlimited","BT 1571 Service","VoIP Extension Rental","VoIP Extension Rental","Phone Line Rental (for Fibre)","Integra Fibre Pro","Bespoke CRM Database","Integra Starter Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Professional Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Integra Starter Web Hosting","Hosted Exchange Email Accounts","Hosted Exchange Mailboxes","VoIP Extension Rental","Tool Room PSTN Line","VoIP Extension Rental","VoIP Extension Rental","VoIP Extension Rental","Hosted Exchange Email Accounts (tolmers.org.uk)","PSTN \/ Analogue Line Rental","PSTN \/ Analogue Line Rental","Integra Fibre Unlimited","Integra Fibre Unlimited","Integra Fibre Unlimited","PSTN Phone Line","Level 4 BT Response","Integra Professional Web Hosting","Hosted Exchange Emails Accounts","VoIP Extension Rental","VoIP Extension Rental","Hosted Exchange Email Accounts","PSTN Phone Line","Integra Fibre Unlimited","VoIP Extension Rental","Integra Fibre Pro","Hosted Exchange Mailboxes","Hosted Exchange Mailboxes","Hosted Exchange Mailboxes","Integra Fibre Pro","Business Silver Broadband","Callback Extension","VoIP Extension Rental","No Direct Debit Setup - Monthly Charge","VoIP Extension Rental","Offsite Backup - 50p per GB","VoIP Extension Rental","Business Platinum","PSTN\/Analogue Phone Line","VoIP Extension Rental","Outmail 2000","VoIP Extension Rental","VoIP Extension Rental","PSTN Line Rental","VoIP Extension Rental","VoIP Extension Rental"] //autocomplete
    $(".auto").autocomplete({
        source: availableTags
    });             
});
</script>

HTML 

<input type="text" id="search" class="auto" />

选中此example help you

相关问题
最新问题