Javascript 在不使用ajax的情况下使用jquery自动完成_Javascript_Jquery_Autocomplete

Javascript 在不使用ajax的情况下使用jquery自动完成

javascript jquery autocomplete

Javascript 在不使用ajax的情况下使用jquery自动完成,javascript,jquery,autocomplete,Javascript,Jquery,Autocomplete,我很遗憾再次问这个问题。我正试图在我的网站上实现自动完成。我在页面上有一个包含所有选项的html列表 <div id="list"><ul><li>option1</li><li>option2</li><li>option3</li></ul></div> 有了这个，我试图在id=“list”标识的文本框上启用自动完成。我搜索了很多，但无法理解实现，所以它可以工作。我不能

我很遗憾再次问这个问题。我正试图在我的网站上实现自动完成。我在页面上有一个包含所有选项的html列表

<div id="list"><ul><li>option1</li><li>option2</li><li>option3</li></ul></div>

有了这个，我试图在id=“list”标识的文本框上启用自动完成。我搜索了很多，但无法理解实现，所以它可以工作。我不能在这里使用ajax，只能使用局部变量

请引导我完成。

这是来自jqueryUi示例本身：

// Set the array of results    
var countryList = ["Afghanistan", "Albania", "Algeria"/*... and so on*/];

// Set the autocomplete for the countries input
$("#countries").autocomplete({
    source: countryList
});

HTML

<input id="countries">

如果要从

中的中获取文本，应使用jQuery.map（）
函数获取数组，该数组可用作jQuery UI的.autocomplete（）
的源
e、 g

<>但是，如果您不使用任何的“代码”>UL><代码>，而是存储要用于自动完成的值，请考虑将字符串直接作为页面上的JS数组输出，并将其作为源代码。
e、 g

var autocompleteArray=['option1'，'option2'，'option3']；//使用服务器端代码填充
...
//在javascript中
$（'autocomplete'）.autocomplete（{来源：autocompletetarray}）；
这对我很有用：
要包括的文件：



$（函数（）{
var availableTags=[
“动作脚本”，
“AppleScript”，
“Asp”，
“基本”，
“C”，
“C++”，
“Clojure”，
“COBOL”，
“ColdFusion”，
“二郎”，
“Fortran”，
“好极了”，
“哈斯克尔”，
“爪哇”，
“JavaScript”，
“口齿不清”，
“Perl”，
“PHP”，
“Python”，
“红宝石”，
“斯卡拉”，
“方案”
];
$（“#标记”）.autocomplete({
资料来源：availableTags
});
});
标签：

我正试图在Drupal6站点中使用相同的方法，但没有看到它起作用。有人知道应该如何在durpal中完成吗？如果你不知道如何编写代码，并且你无法通过网络阅读数十亿教程中的任何一个，你可以随时使用插件。用户界面有自动完成功能，Twitter也有引导功能；两者都可以将数组作为输入。您的代码中可能有一个类型。loc_source是什么？@vikramaditya234如果它解决了您的问题，请务必通过单击勾号的轮廓来接受它作为答案。
<input id="countries">

$(function() {
    var lst_source = $("#list");
    var lst_options = $("li", lst_source);

    $('#autocomplete').autocomplete({
        source: lst_options.map(function() {
            return $(this).text();
        }).get()
    });
});

 <script>
 var autocompleteArray = ['option1', 'option2', 'option3']; // populate with server-side code
 </script>

 ...

 // in the javascript
 $('#autocomplete').autocomplete({source: autocompleteArray});

      <html>
      <head>
        <script type="text/javascript" src=""></script>
        $(function() {
            var availableTags = [
                "ActionScript",
                "AppleScript",
                "Asp",
                "BASIC",
                "C",
                "C++",
                "Clojure",
                "COBOL",
                "ColdFusion",
                "Erlang",
                "Fortran",
                "Groovy",
                "Haskell",
                "Java",
                "JavaScript",
                "Lisp",
                "Perl",
                "PHP",
                "Python",
                "Ruby",
                "Scala",
                "Scheme"
            ];
            $( "#tags" ).autocomplete({
                source: availableTags
            });
        });
        </script>
      </head>
      <body>


<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>

  </body>
</html>