Javascript 附加用户输入_Javascript_Jquery_Arrays_Appendto

Javascript 附加用户输入

javascript jquery arrays

Javascript 附加用户输入,javascript,jquery,arrays,appendto,Javascript,Jquery,Arrays,Appendto,情况：我目前有一个利用Jquery的自动完成插件的搜索框。当用户开始在搜索框中输入运动队（即波士顿红袜队）时，它将确定相关比赛。当他们选择团队时，我希望它附加到列表中（可能应该附加到数组中，因为这似乎是最常见的-但如果是数组，我可能需要更改我当前的内容），以便他们可以在导航栏上显示他们的运动队（我的css目前允许这样做）为了更好地了解我在这里讨论的内容，我的职责是现行守则： <!doctype html> <html> <head> <ti

情况：

我目前有一个利用Jquery的自动完成插件的搜索框。当用户开始在搜索框中输入运动队（即波士顿红袜队）时，它将确定相关比赛。当他们选择团队时，我希望它附加到列表中（可能应该附加到数组中，因为这似乎是最常见的-但如果是数组，我可能需要更改我当前的内容），以便他们可以在导航栏上显示他们的运动队（我的css目前允许这样做）为了更好地了解我在这里讨论的内容，我的职责是

现行守则：

<!doctype html>
<html>
<head>
     <title>TEST</title>
     <meta charset="utf-8" />
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />

     <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
     <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
     <script src="http://code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
     <link rel="stylesheet" href="/resources/demos/style.css">
     <style type="text/css">

</head>

我意识到上面所展示的很多东西都是垃圾，但从一个非常基本的意义上说，我试图勾勒出一些粗略的想法。如果您有任何建议，我们将不胜感激。

为了简化您的问题，您的意思是如果不添加到数据集中，您是否希望检查当前数据集中是否存在使用导入？因此，请创建一个li并将该项目附加到UL。像这样？你的例子很好。我只需要弄清楚未来的几件事；1）与其提交点击的确切值，我需要弄清楚如何推送与点击内容相关联的答案——这意味着，当我点击波士顿红袜队时，我需要填充一个列表项，该列表项具有与之相关联的css格式（所有预先确定），2）我不会使用按钮提交，而是在用户单击团队并填充列表项时尝试使用它。

<body>

    <div id="container">

        <div id="topbar">

            <div class="fixedwidth">

            <p><a href="">HOME</a></p>

            <ul>
                <li id="teamBRS" class="red"><a>BOSTON RED SOX</a></li>
                <li id="teamNEP" class="blue"><a>NEW ENGLAND PATRIOTS</a></li>
                <li id="teamBC" class="green"><a>BOSTON CELTICS</a></li>
                <li id="teamBB" class="gold" style=border-right:none;><a>BOSTON BRUINS</a></li>
            </ul>

                <div class="ui-widget">
                    <input id="tags" type="text" placeholder="Search Teams">
                </div>

            </div>

        </div>

        </div>

        <script>

            $(function() {
                var availableTeams = [
                    "Boston Red Sox",
                    "New England Patriots",
                    "Boston Celtics",
                    "Boston Bruins",
                    "NEW ENGLAND REVOLUTION"
                ];
                $( "#tags" ).autocomplete({
                    source: availableTeams
                });
            });

        </script>

</body>

</html>

    activeArray=["BOSTON RED SOX", "NEW ENGLAND PATRIOTS"];

        document.getElementById("tags").onClick=function() {

            if (document.getElementById("tags").value=="NEW ENGLAND REVOLUTION") {
                push searchedItem to activeArray
            }
            else {
                dont do anything
            }

            }