Can I share Options for using in many Select element

Topic: Can I share Options for using in many Select element

leejoo71 asked 4 years ago

After create material, it create select-wrapper, with unqiue INPUT & UL, Can I use UL for other select-wrapper, it is because I have many select will use same OPTION data

Add comment

Krzysztof Wilk staff answered 4 years ago

0 0 Best answer

Hi!

I think you can use data-select-id to define a custom ID for your select, but there is no way to use it in the other UL element. This approach will need two elements with the same ID, which can cause some bugs.

Best regards

Add comment

leejoo71 answered 4 years ago

0 0 Best answer

Thanks for you answer, Yes, I tried the data-select-id, but it didn't work

https://mdbootstrap.com/snippets/jquery/leejoo71/2836942#html-tab-view

Krzysztof Wilk staff commented 4 years ago

Hi!

I have a 404 error when I am trying to open your snippet. Did you publish it?

You can also define custom select ids and use the jQuery $( document ).ready() function to change the target of the second one. But as I said above - it can be buggy.

Best regards

Add comment

leejoo71 answered 4 years ago

0 0 Best answer

Yes, I forgot publish it, now below is update link

https://mdbootstrap.com/snippets/jquery/leejoo71/2838791#html-tab-view

Add comment

Krzysztof Wilk staff answered 4 years ago

0 0 Best answer

Hi!

The goal you want to achieve is unachievable. If you have many selects with the same value I suggest using one or using Multiselect with the option groups. You can find it here https://mdbootstrap.com/docs/b4/jquery/forms/multiselect/#v-8 :)

Best regards

Add comment

leejoo71 answered 4 years ago

0 0 Best answer

I use the select for order place input and with many item per order and each item have product, currency and unit and those are use same product, currency and unit dataset, for example when product has a lot of item code, then it will load many time for each SELECT. therefore I want to share the option dataset to load one for many times. if the select warp UL can reuse in other select like element it can save many loading times

Thanks for your follow my question

example screen capture