Topic: material_select() callback does not support event handling
mirnesc92 pro asked 6 years ago
How can I access event from material_select()'s callback?
$('.mdb-select').material_select(function() { console.log('how can i tie this to specific select triggered'); });
I have an array of select's and can't figure out which one was clicked.
Is there a way to manually build element produced by material_select() with full functianality ?
<div class="select-wrapper mdb-select"> <span class="caret">▼</span><input type="text" readonly="readonly" data-activates="select-options-ce634e39-553a-4033-b8f1-cf0d9afbe03a" value="Open" class="select-dropdown"> <ul id="select-options-ce634e39-553a-403c-b8f1-cf0d9afbe03a" class="dropdown-content select-dropdown "> <li><span class="filtrable">Open</span></li> <li><span class="filtrable">Closed</span></li> <li><span class="filtrable">Message</span></li> </ul> </div>
Jakub Strebeyko staff answered 6 years ago
Hi there,
Thanks for taking time and reaching out, the input is appreciated.
Unfortunately not - to have
material_select
working means feeding it <option>
elements only to have them replaced by list items. The suggestion stands, naturally, and has been added to the idea board we use in the development process - which is the best we can do for now. If you ever get a chance, try out MDB Vue, where the select is rebuild from ground up and works the way you mention.
With Sincere Regards,
Kuba
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
Tags
mirnesc92 pro commented 6 years ago
material_select() should not be creating new elements but instead transforming existing [select] and [option] elements, the current process makes complex customization impossible. I am trying to bind attributes from [select] element to VueJS but it is useless because the [select] and [option] elements are ignored and replaced with [ul][li] elements generated by material_select(). It can work for simple cases using a lot of hack-ish code but is not for complex use cases were [select] elements are dynamically generated after an AJAX call for example.