I'm looking for a proper way to implement the jquery mobile filter list in bootstrap typeahead component.
The functionality that I needed is here in the following link. Please scroll down to the bottom. http://jquerymobile.com/demos/1.2.1/docs/lists/lists-inset.html
In the filtering list, I want to add checkboxes for each list items and the user should be able to check multiple value. They don't have to be added to the textfield. As that's the only function I need, its no use of adding the whole jquery mobile library to the project.
I found couple of options in the following link which goes near my requirement.
http://fusiongrokker.com/post/heavily-customizing-a-bootstrap-typeahead
But, the multiple selection by clicking checkboxes didn't work with bootstrap typeahead.
Can anyone give me a good solution for this.
Thanks
If you looking for bootstrap, this plugin can be used in your project
https://sliptree.github.io/bootstrap-tokenfield/
I saw following has been suggested in many places:
http://ivaynberg.github.io/select2/
(If you use the multi-value version.)
Related
How to make searchable dropdown in html using any library or simple javascript like this? Because this searchable dropdown is very elegant.
you can use jqueryui combobox auto complete plugin as well, the link below gives the functionality and below fiddle also gives a working code
You can try Chosen. This plugin contains the element which you want. It is simply jQuery plugin with advanced options.
Thanks.
My bet is Select2 which can be customised to the extent you want and is easy to learn and use... It also has support for call back function like integrating user input if not present in dropdown.
I've looked through the MagicSuggest documentation http://nicolasbize.com/magicsuggest/doc.html but I've been unable to find a solution to the following:
I would like to disable specific selection options in the drop-down pane while still showing them. In other words: I'd like to display all the selection options but only allow some to be selected, the others would be greyed out or something along those lines.
Is there an elegant way to do this or am I going to have to come up with a work around?
This was just added in 2.1.0 release. Look at the docs for the property disabledField and you'll find what you were looking for.
There is a Twitter Bootstrap form library that I am not able to find, but I viewed it before.
It allowed detailed markup and tooltip type functionality for drop downs.
All the data in the drop downs were country names. So if this rings a bell, please let me know the name of the library!
Maybe what you are looking for is Chosen? Give a look at harvesthq page on github.
Maybe it was Select2:
Select2 is a jQuery based replacement for select boxes. It supports
searching, remote data sets, and infinite scrolling of results. Look
and feel of Select2 is based on the excellent Chosen library.
http://ivaynberg.github.com/select2/
i am using the jquery-ui autocomplete feature with multiple values for tags,
The thing is that it doesn't provide the feature to handle the hidden values and display current values as buttons (with the delete button and more usability via keyboard),
I am looking for some plugin just like this one but that works with jquery and no need of mootols or prototype
Do you know if there is any?
If not i am thinking of implement it mysel, the hidden input and displaying a list with all the options i need, but some JQuery alternative to the plugin on the link will just do it for me
Well i found this one and this one and few more (not so similar to the mentioned in question) all in here (weird couldn't find them in google separately)
I am using jquery chosen plugin https://github.com/harvesthq/chosen/ to make my select form fields pretty. Here is the demo page for chosen plugin https://github.com/harvesthq/chosen
I was thinking if it is possible to make tags like stackoverflow using chosen plugin because some of its feature looks alike. I am also like to know how do i use chosen with ajax to add tag suggestions.
I could use one of those jquery tags out there but i would like to know if i can do it using chosen so i don't need to add another script with my page.
Let me know if you need to know anything more.
All that you have to do is to modify the select box with an ajax request. Than use :
$("#form_field").trigger("list:updated");
to tell "chosen" that the list has been updated.
Yes, all of what you ask is possible. From my answer to "Is there a way to dynamically ajax add elements through jquery chosen plugin?":
Take a look at the neat Select2 plugin, which is based on Chosen itself and supports remote data sources (aka AJAX data) and infinite scrolling.
The koenpunt fork of chosen has the functionality you want. More info here