Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/opengl/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Autocomplete Can';无法使自动完成搜索表单正常工作_Autocomplete_Search Form - Fatal编程技术网

Autocomplete Can';无法使自动完成搜索表单正常工作

Autocomplete Can';无法使自动完成搜索表单正常工作,autocomplete,search-form,Autocomplete,Search Form,我正在实现一个搜索表单,它在你开始键入时显示建议,但无法使其工作。问题是,当你开始键入时,它不会显示任何建议。你能帮我把代码弄好吗?非常感谢 代码如下: <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> <div><input id="autocomplete" type="text"></div> &

我正在实现一个搜索表单,它在你开始键入时显示建议,但无法使其工作。问题是,当你开始键入时,它不会显示任何建议。你能帮我把代码弄好吗?非常感谢

代码如下:

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<div><input id="autocomplete" type="text"></div>




<script>
$("input#autocomplete").autocomplete({
source: [ 
{ id : "Google", value : "Google"},
{ id : "Yahoo", value : "Yahoo"},
],
minLength: 1,
open: function(event, ui) { 
$("ul.ui-autocomplete").unbind("click");
var data = $(this).data("autocomplete");
console.log(data);
for(var i=0; i<=data.options.source.length-1;i++)
{
                                    var s = data.options.source[i];
                                    $("li.ui-menu-item a:contains(" + s.value + ")").attr("href", "/" + s.id);
                                  }

                                } 

    });

    /*
    $("input#autocomplete").bind("autocompleteselect", function(event, ui) { 
        //alert(ui.item.id + ' - ' +  ui.item.value); 
        //document.location.href = ui.item.id + '/' + ui.item.value;
        //event.preventDefault; 
        } );
    */
    </script>
<div id="search">
  <input list="results" id="project" onkeydown="if (event.keyCode == 13) { checkInput(this.value); return false; }" />
</div>

$(“输入自动完成”)。自动完成({
资料来源:[
{id:“谷歌”,value:“谷歌”},
{id:“雅虎”,value:“雅虎”},
],
最小长度:1,
打开:函数(事件,ui){
$(“ul.ui自动完成”)。取消绑定(“单击”);
var data=$(this.data(“自动完成”);
控制台日志(数据);
对于(var i=0;i,以下是代码:

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<div><input id="autocomplete" type="text"></div>




<script>
$("input#autocomplete").autocomplete({
source: [ 
{ id : "Google", value : "Google"},
{ id : "Yahoo", value : "Yahoo"},
],
minLength: 1,
open: function(event, ui) { 
$("ul.ui-autocomplete").unbind("click");
var data = $(this).data("autocomplete");
console.log(data);
for(var i=0; i<=data.options.source.length-1;i++)
{
                                    var s = data.options.source[i];
                                    $("li.ui-menu-item a:contains(" + s.value + ")").attr("href", "/" + s.id);
                                  }

                                } 

    });

    /*
    $("input#autocomplete").bind("autocompleteselect", function(event, ui) { 
        //alert(ui.item.id + ' - ' +  ui.item.value); 
        //document.location.href = ui.item.id + '/' + ui.item.value;
        //event.preventDefault; 
        } );
    */
    </script>
<div id="search">
  <input list="results" id="project" onkeydown="if (event.keyCode == 13) { checkInput(this.value); return false; }" />
</div>

因此,当有人去搜索时,他们在预先填充的列表中有有限的选项,他们选择哪一个会将他们引导到您的目标页面!我不能获得所有的积分,但我希望这会有所帮助!

无需再回答。.发现问题。.我忘了在开始时添加。