Stack Overflow
Stack Overflow

Questions tagged [jquery-selectric]

jQuery Selectric is a jQuery plugin designed to help at stylizing and customize HTML selects by Leonardo Santos

jQuery Selectric is a jQuery plugin designed to help at stylizing and manipulating HTML selects.

  • Keyboard navigation (Up/Down/Left/Right/Word search)
  • Easily customizable
  • Pretty lightweight
  • Options box always stay visible
  • Doesn't rely on external libraries (besides jQuery)
  • Word search works with western latin characters set (e.g.: á, ñ, ç...)

Developer: Leonardo Santos

Browser support

  • Firefox
  • Chrome
  • Safari
  • Internet Explorer 7+
  • Opera

Website & Demo:

GitHub:

16 questions
7
votes
1 answer

Change value of selectric drop down programmatically?

What is a good way to change the value of a Selectric drop down programmatically based on name? I know the value of the option I want to set as selected. I don't know the name or the index. Here is my best…
user1283776
  • 19,640
  • 49
  • 136
  • 276
7
votes
1 answer

jQuery Selectric bug on iPad

I use jQuery Selectric plugin for customize select's. $('select').selectric({ disableOnMobile: false }); If i open select on iPad device my left column move up .left-column { position: fixed; left: 0; top: 0; width: 200px; height:…
sglazkov
  • 1,046
  • 1
  • 10
  • 38
2
votes
1 answer

AngularJS Jquery Directive

I am using Jquery Selectric on my page to render a select box in my angularJS app, so I decided to create a directive to render the element, below is the directive and how I use it. The Directive: angular.module('shoeRevamp.directives') …
George
  • 3,757
  • 9
  • 51
  • 86
2
votes
2 answers

How to disable menu options before open using jQuery Selectric?

I finally found a select menu plugin smart enough to work in IE comparability mode and also allows me to fire an event before the menu options are displaced. This awesome plugin is called jQuery Selectric. I need to fire an event before the options…
Junior
  • 11,602
  • 27
  • 106
  • 212
1
vote
0 answers

How to Enable Word Search using Selectric.js?

The selectric documentation says it has search functionality. https://selectric.js.org/ However, I have not found one example online of how to enable / configure it.
Jaswant S Rathore
  • 21
  • 5
1
vote
0 answers

Selectric search within results

I'm using selectric - plugin for replacing select in forms and I'm struggling with the add search option, sadly this plugin does not come with such a feature. I got to the point where I can create an input over label and refresh options after typing…
chris0
  • 21
  • 1
  • 4
1
vote
1 answer

selectric not working on mobile

I would like to ask while the selectric dropdown is not working on mobile simulator of google chrome. it uses the native version of the dropdown instead of the custom style one. Here's the image below: Selectric when on web desktop: When on…
Sydney Loteria
  • 10,171
  • 19
  • 59
  • 73
1
vote
1 answer

How to apply the multiple attribute to the selectric dropdown?

I have used selectric plugin for the dropdown. I have added the multiple attribute in the select tag but it is not working as they have show on the following link of the index page of the selectric plugin : http://selectric.js.org/ This is what I…
Ninad
  • 63
  • 1
  • 3
  • 15
0
votes
0 answers

backend can't receive dropdown of selectric JQuery library

i have a dropdown, that should sent it's data(the selected option) to backend (by laravel). i use "SELECTRIC' JQuery library for styling this dropdown. my problem: behavior of SELECTRIC JQuery library, for styling my dropdown: it hides original…
hamed
  • 39
  • 1
  • 7
0
votes
1 answer

Jquery Selectric not Loading on MVC Partial Views

I have a SPA that I am working with that collects some data on the main page. I send the data to the controller, call a service and return a dataset to load into a partial view. The html select control is not getting styled using the jquery…
Tim
  • 1,249
  • 5
  • 28
  • 54
0
votes
1 answer

Accessibility for jQuery selectric plugin

i'm making my web page accessible for people with disabilities and the main issue with jQuery plugin for select. How can i seе labels for screen readers while using keyboard?
Denys Maksymenko
  • 1
0
votes
1 answer

Jquery selectric plugin update options values problems

i'm using jquery and jquery seletric plugin and it works fine but i need to refill options data after an ajax call. $('#mySelectID').empty(); $.each(myResultAjaxObject, function(i, item) { $('#mySelectID').append($('
Davide Balosetti
  • 45
  • 3
0
votes
1 answer

How do you select an option value from a select box if you know the value?

Given the following jQuery plugin: http://selectric.js.org/index.html which replaces the functionality of that of a regular select box by using custom UL LI lists, Based on the plugins documentation, I know that you can programmatically select an…
BobbyJones
  • 1,331
  • 1
  • 26
  • 44
0
votes
1 answer

Remove multiple attribute from jquery selectric

I need to allow multiple select sometimes, and sometimes not. I try to remove the attribute and call init, but it still allow to select multi. $('#dateSelect').removeAttr('multiple'); $('#dateSelect').selectric('init')
yantrab
  • 2,482
  • 4
  • 31
  • 52
0
votes
2 answers

Selectric not working when added dynamically using jquery

I used the following code to clone the form elements and append to the target in button click. $('#addChild').on('click', function () { var num = $('.clonedInput').length, newNum = new Number(num + 1), …
Vandhana Jayaprakash
  • 57
  • 1
  • 6
1
2