JSFiddle - React, Tailwind, and code Playground
HTML
<select id="dropdown">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
CSS
a:hover {
text-decoration: underline;
}
a:hover span
{
text-decoration: none;
}
JavaScript
$("#dropdown").change(function()
{
var answer = confirm("Are you sure you want to change your selection?")
{
if(answer)
{
//Update dropdown (Perform update logic)
}
else
{
//Allow Change (Do nothing - allow change)
}
}
});