如何根据我关注的输入字段填充bootstrap tokenfield

时间:2018-02-23 14:33:54

标签: jquery bootstrap-tokenfield

我有三个'tokenfields'和一个复选框电子邮件ID列表。我设法将电子邮件ID添加到第一个令牌字段“tokenfield-1”。

  

<div class="form-group usersEmailList">
 <div class="tokenfield input-group">
          <span class="input-group-addon">To:</span>
           <input type="text" class="form-control usersEmailId" name="mailTo" id="tokenfield-1" data-tokens="" />
  </div>
</div>
<div class="form-group usersEmailList">
 <div class="tokenfield input-group">
          <span class="input-group-addon">Cc:</span>
          <input type="text" id="tokenfield-2" name="mailCC" data-tokens="" class="form-control CC">
  </div>
</div>
<div class="form-group usersEmailList">
 <div class="tokenfield input-group">
          <span class="input-group-addon">Bcc:</span>
          <input type="text" id="tokenfield-3" name="mailBcc" data-tokens="" class="form-control">
  </div>
</div>

到目前为止我能做到的事情

$("#list").on('change','input',function(){
       var dataCheck =  $(this).val();
        if($(this).is(':checked')){

         arr[count++] = $(this).val();

         $('#tokenfield-1').tokenfield('setTokens', arr);
        }else{
        alert(arr);
        $.each(arr,function(i){
           console.log(dataCheck);
           if(dataCheck == arr[i]){
           arr[i] ="";
           }
          /* console.log(arr[i]);*/
        })
         count--;
         addMailId(arr); 
        }


    });

如果我从同一个复选框列表中选择select,我如何将SetToken设置为第二个tokenfield-2,是否有一种方法让它知道tokenfield-2是焦点。我试过

$('#tokenfield-2').focus(function(){
});

我无法集中注意力,或找到一种方法以某种方式专注于tokenfield-2

0 个答案:

没有答案