Php 使用javascript的多个自动完成字段_Php_Javascript

Php 使用javascript的多个自动完成字段

php javascript

Php 使用javascript的多个自动完成字段,php,javascript,Php,Javascript,我必须使用两个自动完成的盒子，但只有第一个盒子工作。两个字段的关键字相同，例如位置1的一个自动完成字段和位置2的另一个自动完成字段。以下是一个自动完成字段框的工作代码： <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascrip

我必须使用两个自动完成的盒子，但只有第一个盒子工作。两个字段的关键字相同，例如位置1的一个自动完成字段和位置2的另一个自动完成字段。以下是一个自动完成字段框的工作代码：

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"];
            $("#seed_one").autocomplete({source:data});
        });
    </script>
</head>

<body>
    <input id="seed_one" type="text" name="seed_one"/>
</body>
</html>


$（文档）.ready（函数（）{
var数据=[“波士顿凯尔特人队”、“芝加哥公牛队”、“迈阿密热队”、“奥兰多魔术队”、“亚特兰大老鹰队”、“费城76人队”、“纽约尼克斯队”、“印第安纳步行者队”、“夏洛特山猫队”、“密尔沃基雄鹿队”、“底特律活塞队”、“新泽西网队”、“多伦多猛龙队”、“华盛顿奇才队”、“克利夫兰骑士队”]；
$（“#seed_one”）.autocomplete（{来源：data}）；
});

对于另一个自动完成框，您已经创建了另一个输入框，并将其

id

传递给

自动完成功能
<script type="text/javascript">
    $(document).ready(function(){
        var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks", "Philadelphia Sixers", "New York Knicks", "Indiana Pacers", "Charlotte Bobcats", "Milwaukee Bucks", "Detroit Pistons", "New Jersey Nets", "Toronto Raptors", "Washington Wizards", "Cleveland Cavaliers"];
        $("#seed_one").autocomplete({source:data});
        $("#seed_two").autocomplete({source:data});
    });
</script>
<body>
<input id="seed_one" type="text" name="seed_one"/>
<input id="seed_two" type="text" name="seed_two"/>
</body>


$（文档）.ready（函数（）{
var数据=[“波士顿凯尔特人队”、“芝加哥公牛队”、“迈阿密热队”、“奥兰多魔术队”、“亚特兰大老鹰队”、“费城76人队”、“纽约尼克斯队”、“印第安纳步行者队”、“夏洛特山猫队”、“密尔沃基雄鹿队”、“底特律活塞队”、“新泽西网队”、“多伦多猛龙队”、“华盛顿奇才队”、“克利夫兰骑士队”]；
$（“#seed_one”）.autocomplete（{来源：data}）；
$（“#seed_two”）.autocomplete（{来源：data}）；
});
不工作的代码在哪里？您的问题是什么….？谢谢！我只是想那样。