Как использовать один и тот же ввод токена для нескольких полей

У меня есть таблица, в которой столбец (например, имена) состоит из текстового поля. Мне нужен один и тот же ввод токена для всех строк.

<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


javascript html jquery-tokeninput
person Harshavardhan Tadigadapa    schedule 09.10.2014    source источник
comment
Можете ли вы опубликовать демонстрацию скрипки.. или ваш код, который вы пробовали..   -  person React Developer    schedule 09.10.2014
comment
Что вы подразумеваете под вводом токена? Заполнитель?   -  person Alfredo Delgado    schedule 09.10.2014
comment
Добавлено еще несколько данных, пожалуйста, обратитесь к нему   -  person Harshavardhan Tadigadapa    schedule 09.10.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вам нужно будет инициализировать их все по отдельности - используйте цикл 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
    });
}
person Chris    schedule 12.10.2014