How to create dynamic Drop-Down-List control on SharePoint Online page?

Hello Forum

In my company we have too many links for: Systems, websites, and others. Thus, I need to display these links properly on our SharePoint Online Intranet page.

What I have tried so far: 
- CQWP, It is OK, But users do not like it.
- Using the links list, It is OK, But users do not like it.
- Custom list which has all the links as rows, It is OK, But users do not like it.

How users want to display these links?
They want to see only a single drop-down-list control that contains all the links, Once the user selects any of its values/options, A new window/page appears opening up the selected link.

Question: How can I accomplish this?

I mean considering the fact that I am using SharePoint Online, How can I create a drop-down-list control that contains/populates all its values from links or custom list? then, How to open up the page of that particular selected link?

Are there any optimized client-side JavaScript way to create this in the best performance way?

Thanks Forum !