Tag: bootstrap typeahead

Bootstrap标签预先输入不使用jQuery ajax填充菜单: 我使用bootstrap标签（ https://github.com/bootstrap-tagsinput/bootstrap-tagsinput ）来填充一些标签。我正在使用jQuery 3和Bootstrap 3.下面是代码片段。它从服务器获取数据但不处理。你能告诉我怎么解决这个问题吗？我已经包含了https://github.com/twitter/typeahead.js和https://github.com/bootstrap-tagsinput/bootstrap-tagsinput和相应的CSS function attachOrgRoleTypeAhead(){ console.log(‘attachOrgRoleTypeAhead called’); $(‘.roletag’).tagsinput({ tagClass:’form-control input-sm’, //itemValue: ‘rolename’, //itemText: ‘rolename’, //display: ‘rolename’, allowDuplicates: false, freeInput: false, typeaheadjs: { displayKey: ‘text’, afterSelect: function(val) { this.$element.val(“”); }, source: function (query, process,asynchProcess){ var typeaheadData = {}; var rolesdata = {}; var $items = new Array; rolesdata.orgid= $(‘#orgidselector’).find(“option:selected”).val(); rolesdata.query=query; […]

输入更改后立即运行function: 可能重复： bootstrap-typeahead.js在select事件上添加一个监听器我正在使用Twitter Bootstrap的typeaheadfunction，我想使用.on(‘change’, function(){…}) ，但我的问题是，事件在输入值实际变为一个之前触发选中，并且在调用函数时，函数内的$(this).val()返回更改前的值。事件发生两次，但只有第二次发生。我需要一种方法来运行该函数，以便它返回所选的值，并只运行一次。的jsfiddle

如何在先行猎犬远程返回零结果时捕获事件: 我正在使用twitter typeahead和Bloodhound建议引擎，一切正常。下面是我的代码片段 // instantiate the bloodhound suggestion engine var searchData = new Bloodhound({ datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.value); }, queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: ”, filter: function (data) { return $.map(data.results, function (record) { return { title: record.title, pageURL: record.pageURL }; }); } } }); // initialize the bloodhound suggestion engine searchData.initialize(); searchData.clearRemoteCache(); // […]

使用AJAX源的Bootstrap Typeahead：不按预期返回数组: 我在使用AJAX源正确使用bootstraps typeahead时遇到了很多麻烦。如果我提醒正在返回的数组，那就完全没问题了，即使我对它进行硬编码测试也是如此。当您输入近似匹配时，它似乎大部分时间都没有返回任何内容，或者只返回数组中的一些项目。这就是我现在所拥有的： $(‘#companyNameInput’).typeahead({ source: function(query, process){ $.ajax({ url: ROOT+’Record/checkCompanyName’, async: false, data: ‘q=’+query, type: ‘POST’, cache: false, success: function(data) { companiesFinal = []; map = {}; companies = $.parseJSON(data); $.each(companies, function(i, v){ map[v.name] = v.id; companiesFinal.push(v.name); }) } }) process(companiesFinal); // return [‘test1’, ‘test2’] This works fine return companiesFinal; } 有谁知道为什么这个工作正常？这是从我的PHP脚本返回的对象数组的示例。 […]

如何使用twitter bootstrap从ajax加载文本框中的数据？: 我尝试使用bootstrap typeahead函数在文本框中加载简单的ajax返回值。如果我通过警告检查它会返回数据但是当我输入文本框时什么也没有。我尝试使用直接数据source:[‘albama’,’utah’]没有ajax它工作正常。我已经包含了所有相关文件。一世 $(document).ready(function() { $(‘#subjects’).typeahead ({ source: $.ajax({ url: “./test/test.php”, type: “POST”, data: “search=” + $(‘#subjects’).attr(‘value’), success: function(data) { var subjects = [‘Albamsa’, ‘Washington’, ‘New York’, ‘Arlington’, ‘New Jersey’]; return subjects; } }) }); });

无法绑定带有文本字段的JQuery Generated行的twitter bootstrap typeahead: 我有一个单行的表，行的第一个单元格中有一个文本字段，而文本字段绑定到一个单独的js文件中的twitter bootstrap typeahead。但是用户可以使用“添加”按钮创建行，并克隆第一行以创建其他行。现在我希望typeahead在这些克隆的文本字段中工作正常，但它没有，并且控制台中没有显示错误。克隆的文本字段与原始文本字段具有相同的ID和名称。知道为什么会这样吗？以及如何处理它的任何建议？

使用Typeahead处理动态添加的输入元素: 这是我添加行的代码，它们也有class=’form-control mybur’ ： $(“body”).on(“click”, “#add_row_bur”, function() { $(“#bur” + o).html(“; $(“#tab_logic_bur”).append(”); o++ }); $(“body”).on(“click”, “#delete_row_bur”, function() { if (o > 1) { $(“#bur” + (o – 1)).html(“”); o– } }); 我尝试在它上面实现typeahead，但它不起作用。我尝试使用这个答案（答案1 ，答案2 ），但仍然失败。这是我的代码： var objects = []; var map = {}; $(‘input.mybur’).typeahead({ source: function(query, process) { $.ajax({ url: ‘proc_php/get_account_code.php’, type: ‘POST’, […]

需要Bootstrap Typeahead本地，预取或远程: 我试图让这个 twitters typeahead的例子运行，但我在chromes控制台中收到错误：未捕获错误：需要本地，预取或远程之一jquery-1.9.1.js：507 我正在使用typeayhead 0.9.1（Nuget-Package）。这是版本问题吗？所有示例都在请求中设置源而不是local / prefetch / remote。编辑：原来，Twitter Bootstrap Typeahead和Twitter Typeahead是两个不同的库。

无法让Twitter Typeahead在Bootstrap中工作: 这可能是一个noob问题，但我无法弄清楚为什么这段代码不起作用。仅供参考，这只是一个从少数国家撤出的县的样本清单。我根据之前的输入从php中提取列表，但这不是问题，列表很好，它的自动完成function不起作用。 http://jsfiddle.net/s4wx9/ Local County: $(“#county”).typeahead({ local: [“Apache”, “Cochise”, “Coconino”, “Gila”, “Graham”, “Greenlee”, “La Paz”, “Maricopa”, “Mohave”, “Navajo”, “Pima”, “Pinal”, “Santa Cruz”, “Yavapai”, “Yuma”] });

Bootstrap typeahead：选中后在框中显示不同的文本: 我使用bootstrap typeahead搜索如下： $(‘.lookup’).typeahead({ source: function (query, process) { return $.getJSON( ‘json_autocomplete.php’,{ query: query }, function (data) { var newData = []; $.each(data, function(){ newData.push(this.label); //populate hidden field with id $(‘#contact_id’).val(this.id); }); return process(newData); }); } }); JSON数据如下所示： [{“label”:”Contact: Jeff Busch-> Busch, Jeff: 1975-11-24″,”value”:”Busch, Jeff”,”id”:”2096″}, … 它工作得很好。当用户开始键入“标签”时，数据显示在输入下的列表中。但是，一旦用户点击其中一个列表项，我希望“值”文本出现在输入文本框中，而不是所有搜索到的标签信息！这可能吗？这是一个小提琴： http://jsfiddle.net/michels287/qdgo651h/