bootstrap标签输入jquery [英] bootstrap tags input jquery

问题描述

如何将web方法添加为bootstrap标记输入的源。我做了以下的事情，但它不起作用。它没有显示自动建议

 $（ document ）。ready（ function （）{
 $（'  [id $ = tagsinput]'）。tagsinput（{
 itemValue：'  value'，
 itemText：'  text'，
 typeahead：{
 source： function （查询）{
  var  str; 
 $ .ajax（{
类型：  POST，
 url：   CityNamesData.asmx / GetCities，
 contentType：  application / json; charset = utf-8，
 dataType：  json，
成功：功能（数据）{
 str = data.d; 
} 
}）; 
  var  str1 = $ .getJSON（str）; 
  //   var str = $ .getJSON（'assets / cities.json'）;  
  return  str1; 
} 
} 
}）; 
 $（'  [id $ = tagsinput]' ）。tagsinput（'  add'，{  value： 1 ，  text：  Amsterdam}）; 
 $（'  [id $ = tagsinput]'）。tagsinput（  add'，{  value： 4 ，  text：  Washington}）; 
 $（'  [id $ = tagsinput]'）。tagsinput（  add'，{  value： 7 ，  text：  Sydney}）; 
 $（'  [id $ = tagsinput]'）。tagsinput（  add'，{  value： 10 ，  text：  Beijing}）; 
 $（'  [id $ = tagsinput]'）。tagsinput（  add'，{  value： 13 ，  text： 开罗}）; 
}）

如果我们使用.json文件检索数据，那么它工作正常。

请帮助我.thanx in advance

解决方案

（ document ）。ready（ function （）{

（' [id

= tagsinput]'）。tagsinput（{
itemValue：' 值'，
itemText：' text'，
typeahead ：{
source： function （query）{
var str;

how to add the web method as source to bootstrap tags inputs. i did the following stuff but it is not working. it is not showing auto suggest

$(document).ready(function () {
             $('[id$=tagsinput]').tagsinput({
                 itemValue: 'value',
                 itemText: 'text',
                 typeahead: {
                     source: function (query) {
                         var str;
                         $.ajax({
                             type: "POST",
                             url: "CityNamesData.asmx/GetCities",
                             contentType: "application/json; charset=utf-8",
                             dataType: "json",
                             success: function (data) {
                                 str = data.d;
                             }
                         });
                         var str1 = $.getJSON(str);
                         //var str = $.getJSON('assets/cities.json');
                         return str1;
                     }
                 }
             });
             $('[id$=tagsinput]').tagsinput('add', { "value": 1, "text": "Amsterdam" });
             $('[id$=tagsinput]').tagsinput('add', { "value": 4, "text": "Washington" });
             $('[id$=tagsinput]').tagsinput('add', { "value": 7, "text": "Sydney" });
             $('[id$=tagsinput]').tagsinput('add', { "value": 10, "text": "Beijing" });
             $('[id$=tagsinput]').tagsinput('add', { "value": 13, "text": "Cairo" });
         })

If we retrive the data using .json file then it is working fine.
please help me.thanx in advance

解决方案

(document).ready(function () {

('[id

=tagsinput]').tagsinput({ itemValue: 'value', itemText: 'text', typeahead: { source: function (query) { var str;

这篇关于bootstrap标签输入jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！