Advance Drop-Down List with Target link & description

JavaScript
1

i have simple drop down list like this

<select id="mySelect">
  <option>Arios Silver</option>
  <option>Lakchika</option>
  <option>Paradise silver</option>
  <option>Simens</option>
</select>

now i have 1 order button , i want base on what option selected the order button go to specific link

Also i want to make a div that contain text , each option selected show the specific text as description of it

i`m really amateur in JavaScript , also i search hours in google to find any sample code that similar to what i want but no success

it will be great if someone help me , many thanks :heart:

2

try dropdown menu

      <ul class="dropdown">
        <li><a href="#">Arios Silver</a></li>
        <li><a href="#">Lakchika</a></li>
        <li><a href="#">Paradise silver</a></li>
    <li><a href="#">Simens</a></li>
      </ul>
//visibility: hidden
3

interesting , but i want user select and option and then click on “order” button

how can i do this ? cause dropdown menu will go to link right after touch it

4

You can order seperately, and use maths to link together,
You can maximize the info for each item.
That’s how self service restaurant do,
// they use ipad which customer choose one by one.//
as there may be plenty of items from main food, dessert,drinks etc.
It will be messy to put all at single select.
Also difficult to maintain in future.
While you can still sub-list in drop down menu to illustrate details.