To add to Matt’s comment – in your case, your html_template
and javascript
could look something like this:
<select class="dropdown">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
<!-- other stuff here, e.g. the content, another dropdown etc. -->
<!-- properties in your task dict are available as Mustache variables -->
{{text}}
document.addEventListener('prodigymount', event => {
const dropdown = document.querySelector('.dropdown')
dropdown.addEventListener('change', event => {
// Update the current task with a value, or modify some other elements etc.
window.prodigy.update({ selectedOption: event.target.value })
})
})
This is just a simple example – but you could, for instance, change the options that are displayed based on the user’s selection from the first dropdown. And once the final label is selected, call prodigy.update
to update the current task object with the data however you need it.