Well, there are many ways to do this but there are two very simple ways.
The easiest way to start is just understanding what you need to do.
I would suggest using a site like: https://www.w3schools.com/tags/tag_select.asp
A google search of “html drop down list” will give the above link.
It provides a quick HTML example of how to create the drop down.
<label for=”cars”>Choose a car:</label>
<select name=”cars” id=”cars”>
<option value=”volvo”>Volvo</option>
<option value=”saab”>Saab</option>
<option value=”mercedes”>Mercedes</option>
<option value=”audi”>Audi</option>
</select>
Adding the above to your exiting project HTML will create a drop down list. You would of course need some CSS or other method to place it where you want.
Additionally you can use the above information to give you insights into what Puzzles to use if you rather create using puzzles.
The first is you need add an HTML select element just as seen in the HTML example.
Then you will need to set the properties of the select element. In my case I created 3 options each with their own ID. You will then create the visual labels. In puzzles its called textContent… this is what you see in the drop down list. Then there are values just as shown in the HTML example. The values are what you want returned as data. As an example Blue might be the text you see in the drop down list but the value might be #0000FF or a sku number or price…etc.
I have included a simple when clicked so you can see how the value changes as selections are made by pressing the default cube.
You will also need to provide some CSS or binding so that the drop downlist looks like and is placed where desired.
Attachments:
You must be
logged in to view attached files.
.
