Tag: bootstrap typeahead

设置typeahead的选定值

我正在使用twitter bootstrap typeahead 。 我已经定制了打印头,所以我可以选择一对值/标签 $.each(data.medicines,function(index,values){ _med=new Object() _med.value=values.LYF _med.id=values.LYF_NUMER _medicines.push(_med) }) //Fill typeahead with data $(‘.typeahead’).typeahead({ // note that “value” is the default setting for the property option source:_medicines, onselect: function(obj) { showdetails(obj) } }) 如何使用Javascript设置所选值? For exemple $(“#mytypehead”).val(43);

Twitter Bootstrap Typeahead部队选择

我在我的应用程序中使用Bootstrap Typeahead插件,这是我的代码(这是一个例子)。 我正在寻找一种方法来validation用户的选择(基本上如果输入与任何结果不匹配 – >在模糊时清空框)。 结果必须匹配。 我到处搜索,找不到东西。 非常感谢您的帮助。 $(‘#search’).typeahead({ source: function (query, process) { var states = []; var map = {}; var data = [ { “stateCode”: “CA”, “stateName”: “California” }, { “stateCode”: “AZ”, “stateName”: “Arizona” }, { “stateCode”: “NY”, “stateName”: “New York” }, { “stateCode”: “NV”, “stateName”: “Nevada” }, { “stateCode”: “OH”, “stateName”: […]

如何使用最新的typeahead.js库呈现JSON响应

我的应用程序中有一个搜索框,用户可以在其中搜索存储在数据库中的患者详细信息。 他们会输入患者的姓名,服务器将回复JSON响应并提供所有详细信息。 为了方便这样的function,我使用的是最新版本的typeahead.js。 这是我的javascript代码: $(“#search-box”).typeahead({ remote: ‘searchPatient.do?q=%QUERY’ }); 此代码为我提供了以下JSON响应: [ { “id”:1, “surname”:”Daniel”, “forename”:”JOHN”, “address”: { “id”:23, “houseNameOrNumber”:”35″, “addressDetail”:”Roman House”, “postCode”:”NE1 2JS” }, “gender”:”M”, “age”:27, “dateOfBirth”:”25/08/1985″ } ] 当typeahead库尝试呈现此响应时,我总是在下拉列表中看到未定义。 我想在自动建议下拉列表中显示此响应的所有字段。 如果有人可以指导我这样做,我将不胜感激。 我想在下拉列表中显示这样的记录: John Daniel (M, 27) 35 Roman House, NE1 2JS 25/08/1985 提前致谢!

向动态添加的元素添加侦听器

我有一个javascript / jQuery页面,我正在使用Twitter Bootstrap的typeahead。 在javascript中有两个单独的地方,我添加了我想要打字的元素。 在没有要求主观答案的情况下,对于我来说,动态地将输入注册为预先输入是一种好方法吗? 给他们所有不同的ID并在每次添加时注册? 是否有任何魔法可以用.on() ?

TypeError:$(…)。typeahead不是函数

这是非常基本的代码。 我仍然面临一个问题。 我想我错过了一些东西,正如bootstrap网站上提到的那样 “可以单独包含插件(虽然有些需要依赖项),或者一次性包含所有插件.bootstrap.js和bootstrap.min.js都包含单个文件中的所有插件。” 所以我包含了boostrap.js并且仍然得到了这个错误,其他依赖项是什么? 以下是代码。 Member var subjects = [‘PHP’, ‘MySQL’, ‘SQL’, ‘PostgreSQL’, ‘HTML’, ‘CSS’, ‘HTML5’, ‘CSS3’, ‘JSON’]; $(‘#search’).typeahead({source: subjects}) 问候 AADAM

bootstrap typeahead返回名称和id

海兰! 我正在使用twitter bootstraps typeahead: 我正在调用一个页面,该页面返回带有json_encode的响应,页面返回一个名称和一个ID, 我希望typeahead列表会显示名称列表,当我选择其中一个名称来将id值写入隐藏字段时。 调用工作正常,写一个字段应该很容易。 我不知道该怎么做是如何将名称与id分开。 现在,当我搜索某些东西时,在suggesstion列表中我可以看到返回的结果如下: name1:id1 name2:id2 我只想看到名字,但也要带上id的值。 我怎样才能做到这一点? $(function(){ $(“#typeahead_”).typeahead( { source: function(query, process) { $.ajax({ url: ‘/getAjaxProducts’, type: ‘POST’, data: ‘query=’ + query, dataType: ‘JSON’, async: true, success: function(data) { process(data); } }); } }); });

Bootstrap Typeahead没有显示valueKey以相同值开头的建议

我正在使用typeahead v0.11.1来显示结果,但它没有显示结果,结果以相同的结果开头。 我从数据库得到的结果是这样的: Object { Id: 4, Title: “project manager”, Description: “project manager”, CompanyId: 1 } Object { Id: 6, Title: “Software Developer”, Description: “Software Developer”, CompanyId: 1 } Object { Id: 7, Title: “.NET Developer”, Description: “.NET Developer”, CompanyId: 1 } Object { Id: 10, Title: “Android Developer”, Description: “Android Developer”, CompanyId: 1 } […]

在twitter typeahead的每个keyup上更新JSON

我有一个带有输入字段的html页面。 每次在这个字段中键入内容时,都会使用jQuery调用php脚本。 这个php脚本返回一个JSON,其中包含基于输入字段的特定查询的结果。 这工作正常,我在console记录输出。 var r = jQuery(function($) { $(‘#name’).keyup(function() { var input = $(‘#name’).val(); var response = $.getJSON(‘get_names.php’, {input: input}); response.done(function (names) { console.log(names); }); }); }); 现在的问题是,我需要将其与twitter引导程序( 在typeahead.js中的第一个示例)合并,以便每次使用php脚本计算所使用的json(以下代码中的状态),而不是记录到console 。该领域的内容。 $(document).ready(function() { var substringMatcher = function(strs) { return function findMatches(q, cb) { var matches, substringRegex; // an array that will be populated with substring […]

Bootstrap 3.0 RC1的预先输出问题

我正在尝试使用Twitter Typeahead和Bootstrap 3 RC1,因为Bootstrap在版本3上删除了自己的typeahead插件。 我在表单上使用以下HTML: Search: Search 在不添加Typeahead的情况下,搜索输入字段显示如下: 然后我添加了Typeahead,如下所示: $(‘#query’).typeahead({ local: [‘alpha’, ‘bravo’,’charlie’,’delta’,’epsilon’,’gamma’,’zulu’] }); 场地变小了,里面有一个白色的矩形。 我做错了什么,或者只是Typeahead或Bootstrap 3 RC1上的错误?