Hi!

I made a snippet for you with a working example. You can find it here: https://mdbootstrap.com/snippets/jquery/krzysztof-wilk/2842956#js-tab-view

Best regards

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

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

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

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

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

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