jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何在twitter bootstrap中更改typeahead的source属性?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用twitter bootstrap 2.0.4.我想使用ajax填充下拉列表.
typeahead插件source属性要求source的值为数组
功能.我尝试在ajax请求之后更改数组的值,但它只显示一个请求的结果.

<form class="navbar-search">
   <input type="text" id="searchSong" class="typeahead" placeholder="Search">
</form>

 $('.typeahead').keyup(function(){                     
                var list;
                var q = $('.typeahead').val();
                if(!q){
                    return;
                }
                $.ajax({
                    type: "GET",url: "/WebApplication1/Playlist/search?query="+q,success: function(data){
                        list = data.split(',');
                        alert(list);
                        $('.typeahead').typeahead({
                            source: list
                        })
                    }
                });

警报框显示从ajax加载的数据是正确的,但下拉列表仍显示以前的值

解决方法

我不认为该版本支持使用开箱即用的ajax填充typeahead.但是,有一些版本的插件可以支持它.

Here’s one.我不记得那是否与我使用的相同,但如果是,它的效果非常好.我会肯定地发现并更新这个答案.

更新:

Here is a question你应该看看.在所选答案中给出的extension是我使用的那个.

大佬总结

以上是大佬教程为你收集整理的jquery – 如何在twitter bootstrap中更改typeahead的source属性?全部内容,希望文章能够帮你解决jquery – 如何在twitter bootstrap中更改typeahead的source属性?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。