如何对多个字段使用相同的令牌输入

Question

我有一个表，其中一列（例如名称）由文本字段组成。 我需要为所有行使用相同的tokeninput。

<script type="text/javascript">
$(function(){
$('#names').tokenInput([
  {id: 7, name: "Super Mario"},
  {id: 11, name: "Battletoads"},
  {id: 13, name: "Pong"},
  {id: 17, name: "The Legend of Zelda"},
  {id: 19, name: "Metroid"},
  {id: 23, name: "Donkey Kong Country"},
  {id: 29, name: "Super Smash Bros."},
  {id: 32, name: "Star Fox"},
  {id: 35, name: "Starcraft"},
  {id: 37, name: "Pokemon"},
  {id: 38, name: "Minecraft"},
  {id: 41, name: "The Sims"},
  {id: 43, name: "Final Fantasy"},
  {id: 44, name: "Resident Evil"},
  {id: 46, name: "Kingdom Hearts"},
  {id: 47, name: "Tetris"},
  {id: 48, name: "Grand Theft Auto"},
  {id: 51, name: "World of Warcraft"},
  {id: 53, name: "Metal Gear Solid"},
  {id: 54, name: "Civilization"},
  {id: 56, name: "Pac-Man"},
  {id: 59, name: "Animal Crossing"},
  {id: 62, name: "Spyro the Dragon"},
  {id: 64, name: "Crash Bandicoot"},
  {id: 65, name: "Sonic the Hedgehog"},
  {id: 72, name: "Tomb Raider"},
  {id: 77, name: "Mortal Kombat"},
  {id: 81, name: "Space Invaders"}
], { 
  theme: "facebook",
  noResultsText: "Nothin' found.",
  searchingText: "Searching...",
  preventDuplicates: true
}); 

});
</script>

我需要上述令牌输入多个字段。 EX：说我有一个表，里面有一个叫Names的文件。 所以我需要在每个要使用相同令牌输入的字段中输入所有名称

以下是HTML

<tr><td><input type="text" id="names"></td></tr>
<tr><td><input type="text" id="names1"></td></tr>
<tr><td><input type="text" id="names2"></td></tr>

我可以使用一个文本字段，但所有行都需要相同的文本字段

演示链接： http : //codepen.io/jakestuts/full/IBmja

Answer 1

您需要分别将它们全部初始化-使用for循环。

var tokens = [
  {id: 7, name: "Super Mario"},
  {id: 11, name: "Battletoads"},
  {id: 13, name: "Pong"},
      etc...
  {id: 72, name: "Tomb Raider"},
  {id: 77, name: "Mortal Kombat"},
  {id: 81, name: "Space Invaders"}
];

for (var i = 1; i <= 3; i++){
    $('#names' + i).tokenInput(tokens, { 
      theme: "facebook",
      noResultsText: "Nothin' found.",
      searchingText: "Searching...",
      preventDuplicates: true
    });
}