2013-06-22 41 views
-2

我必須使用兩個自動完成框,但只能使用第一個框。這兩個字段的關鍵字是相同的,例如一個位置1的自動完成字段和另一個位置2的自動完成字段。 下面是一個自動完成字段框的工作代碼:使用javascript的多個自動填充字段

<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> 
+1

哪裏的工作不是一個 – DevZer0

+3

什麼是你的問題..代碼??? –

回答

2

對於你創建另外的輸入框裏,並通過其idautocomplete功能的其他自動完成框。

<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> 
+0

謝謝!我很想這樣。 – user2351448