Comments (3)
You might consider using the removeOption
method on the widget. The options that are rendered are li
tags not option
tags. The widget just uses the option
tags from the original select to build the list before the widget takes the place of and hides the underlying select
.
Otherwise you might try using css to hide li
tags with no text that are under the ui-multiselect-checkboxes
css class.
from jquery-ui-multiselect-widget.
You might consider using the
removeOption
method on the widget. The options that are rendered areli
tags notoption
tags. The widget just uses theoption
tags from the original select to build the list before the widget takes the place of and hides the underlyingselect
.Otherwise you might try using css to hide
li
tags with no text that are under theui-multiselect-checkboxes
css class.
Otherwise you might try using css to hide li tags with no text that are under the ui-multiselect-checkboxes css class.
This seems my best option I didn't know it rendered in li tags. So the css would then be
ui-multiselect-checkboxes li[value=""] {display: none'}
from jquery-ui-multiselect-widget.
If you inspect the HTML on the demo page, it's not the li
that has a value but the input
tag underneath it. You'd end up with a selector like 'li input[value=""]'
. That selects the checkbox though. You would need some JavaScript to hide the parent based on that since I don't think css has a parent selector.
Something like: document.querySelectorAll('li input[value=""]').forEach((el) => el.closest('li').className = "hidden")
from jquery-ui-multiselect-widget.
Related Issues (20)
- Multiselect cloning
- Check all / Uncheck all links not accessible through keyboard navigation HOT 1
- jquery-ui-multiselect-widget does not work when jQuery upgraded to 3.5.1 HOT 2
- menuHeight: "auto" should subtract the header height and other externalities when computing the max height
- jQuery unsupported pseudo: data when checking if the widget is in use HOT 3
- Options menuWidth is not working HOT 1
- collapse button should be type="button" HOT 6
- html5 validation - required=true
- Version 3 Doesn't Work
- Different Values From Original Select And Widget Select
- Customize text "LIMIT OF " + (numChecked - 1) + " REACHED!"
- No event on empty filter
- not work HOT 1
- Unreachable Code in _setMenuHeight HOT 2
- CSS asset on cdnjs.com
- [New Feature] Invert Selection HOT 1
- If the header is false, this line gives `undefined` HOT 1
- hdgClass is not defined when library is bundled with rollup
- menuwidth auto should only grow HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-ui-multiselect-widget.