autocomplete 不起作用 jquery已经有引入

不知所措ii 发布于 2013/11/27 09:33
阅读 1K+
收藏 0
PHP
 <script type="text/javascript" src="__PUBLIC__/autocomplete/jquery.autocomplete.js"></script>
    <script type="text/javascript" src="__PUBLIC__/autocomplete/jquery.autocomplete.css"></script>
    <script type="text/javascript" src="__PUBLIC__/autocomplete/localdata.js"></script>
    <script type="text/javascript">
    
    $(document).ready(function () {
        function log(event, data, formatted) {
            $("#cardid").val(data.name);
            //$("#customer_name").val(data.name);
            //$("#customer_phone").val(data.phone);
            $("#nameid").val(data.value);
        }
//{:U('/customer/getcustomer')}
       
        $("#cardid").autocomplete(["c++", "java", "php", "javascript", "asp",  "c"], {
            minChars: 0, //表示在自动完成激活之前填入的最小字符
            max: 5, //表示列表里的条目数
            autoFill: true, //表示自动填充
            mustMatch: false, //表示必须匹配条目,文本框里输入的内容,必须是data参数里的数据,如果不匹配,文本框就被清空
            matchContains: true, //表示包含匹配,相当于模糊匹配
            scrollHeight: 200, //表示列表显示高度,默认高度为180


            formatItem: function (row) {
                return row.name;
            },
            formatMatch: function (row) {
                return row.name;
            },
            formatResult: function (row) {
                return row.value;
            }
        });


       $(":text, textarea").result(log).next("#nameid").click(function () {
            $(this).prev().search();
        });

    });
    
</script>


<div class="content_right_bg"><img src="__PUBLIC__/images/xtb_1.gif"  width="15" height="16"/>&nbsp;&nbsp;客户充值</div>
<div class="content_right_nr">
<div class="ssh_ys"></div>
    <div class="list_ys">
    
    
    <form method="get" action="{:U('/Customer/recharge')}">
    
    <input type="hidden" name="id" value="6"/>
    <table class="inputTable">
    
     <tr class="line1">
<td class="title">卡号:</td>
<td>
<input type="text"  id="cardid"  maxlength="12"  class="require agent_account" tabIndex="1"/>
</td>
                <td class="title">姓名:</td>
<td>
<input type="text" id="nameid"  maxlength="12"  class="require agent_account" tabIndex="1"/>
</td>
                <td class="title">号码:</td>
<td>
<input type="text" id="phone"  maxlength="12"  class="require agent_account" tabIndex="1"/>
</td>
         <td class="title">充值金额:</td>
         <td colspan="2">
            <input type="text" id="customer_number" name="number" maxlength="12"  class="require agent_account" tabIndex="1"/>
         </td>
         <td colspan="3"><input type="submit" value="充值"/></td>
       </tr>           
    </table>
    
    
    <table class="inputTable">
        <tr>
<th width="15%">账号</th>
                <th width="5%">账户类型</th>
            <th width="8%">姓名</th>
                <th width="10%">电话</th>
                <th width="10%">充值金额</th>
                
                <th width="10%">充值日期</th>
</tr>
            
            <volist name="list" id="recharge">
              <tr class="tr_<if condition='$i%2 eq 0'>2<else />1</if>">
                <td>{$recharge.customer_card_id}</td>
                <td>{$recharge.card_content}</td>
                <td>{$recharge.customer_name}</td>
                <td>{$recharge.customer_phone}</td>
                <td>{$recharge.recharge_number}</td>
                
                <td>{$recharge.customer_date|date="Y.m.d H:i:s",###}</td>
              </tr>
            </volist>
            
            <tr><td colspan="7  ">&nbsp;</td></tr>
    </table>
    <div class="fenye" style="width:99%;">
    <ul style="float:right;">{$page}</ul>
    </div>
    </form>
    </div>
    </div>
   
加载中
0
DW_GYT
DW_GYT
["c++", "java", "php", "javascript", "asp",  "c"]
这是什么东东啊?这部分应该是JSON格式的数据才对啊
0
推荐方案
推荐方案

还是试试92find的Autocomplete托管服务吧,一行js代码搞定

 

实现一个智能提示功能需要ajax、数据库、jsp/php、算法等很多知识,
如果数据量大,还需要特殊优化
一个小功能,花费太大精力很不划算
92find.com上的一个js插件实现了搜索框自动补全托管服务,
只要一行javascript代码就可以实现百度、淘宝搜索框提示的全部功能
比如:汉字拼音匹配、拼音首字母匹配、模糊搜索、智能容错,还可以自定义提示词汇及其排序权重
花五分钟我的网站就可以部署同百度、淘宝一样强大好用的输入提示功能
同时兼容IE、Firefox、Safari、Chrome、Opera各种浏览器
兼容ios、Android、Windows

返回顶部
顶部