предварительного заполнения JQuery маркер ввода текстового поля

Question

на странице загрузки У меня есть маркер ввода т.е.

$('.txtWard').tokenInput(ward, { 
             theme: 'facebook', 
             allowCustomEntry: true, 
             preventDuplicates: true, 
             tokenDelimiter: '*', 
             searchingText: 'Searching...' 
            }); 

, но проблема в том, когда я нажимаю на другую кнопку, я хочу, чтобы предварительно заполнить элементы в этом лексем входного textbox.when я использую ниже код текстовое поле, дублирующее как другое текстовое поле.

$(document).ready(function() { 
      $('.txtWard').tokenInput(ward, { 
       theme: 'facebook', 
       allowCustomEntry: true, 
       preventDuplicates: true, 
       tokenDelimiter: '*', 
       searchingText: 'Searching...' 
      }); 
      $('#btnGet').click(function() { 
       var prepopulateWards = new Array(); 
       $.ajax({ 
        type: "POST", 
        url: "FetchWard", 
        data: JSON.stringify({ patientNo: $('#txtPatientNo').val(), locale: 'en-US' }), 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        success: function (result) { 
         for (var j = 0; j < result.wards.length; j++) { 
          prepopulateWards.push({ id: result.wards[j].Code, name: result.wards[j].ward }); 
         } 
        } 
       }); 
       $('.txtWard').tokenInput(ward, { 
        theme: 'facebook', 
        allowCustomEntry: true, 
        preventDuplicates: true, 
        tokenDelimiter: '*', 
        searchingText: 'Searching...', 
        prePopulateFromValue: true, 
        prePopulate: prepopulateWards 
       }); 
      }); 

     }); 

Answer 1

Вы действительно должны прочитать документацию. Я никогда не видел этот плагин раньше, но сумел выяснить, как добавить токены на вход в течение нескольких секунд.

Вместо того, чтобы пытаться создать экземпляр плагина дважды в том же текстовом поле, используйте метод, предоставляемый для добавления токена в поле ввода.

http://loopj.com/jquery-tokeninput/

Methods 

selector.tokenInput("add", {id: x, name: y}); 
Add a new token to the tokeninput with id x and name y. 

Так нажмите обработчик вашей кнопки (или представить, если его форма кнопку отправки), должно быть что-то вроде:

$('.txtWard').tokenInput('add',ward); 

Предполагая, что подопечный является объект в формат, и я, конечно, делаю предположения о том, что делает ваш код. Но это примерно то, что вам нужно сделать.

Answer 2

$(document).ready(function() { 
      $("#demo-input-pre-populated").tokenInput("http://shell.loopj.com/tokeninput/tvshows.php", { 
       prePopulate: [ 
        {id: 123, name: "Slurms MacKenzie"}, 
        {id: 555, name: "Bob Hoskins"}, 
        {id: 9000, name: "Kriss Akabusi"} 
       ] 
      }); 
     }); 

http://loopj.com/jquery-tokeninput/demo.html#pre-populated

Answer 3

If we are getting data from db with comma separated then 
var prepopulateWards = new Array(); 

    var mail = response.d.Data.split(','); 
    $(mail).each(function (index, item) { 
     prepopulateWards.push({ name: item }); 
    }); 



$('#txt_Recipients').tokenInput(
    { 
    //theme: "facebook", 
    preventDuplicates: true, 
    prePopulateFromValue: true, 
    prePopulate: prepopulateWards 
      }); 


});