<select>
<option data-display="Select">Nothing</option>
<option value="1">Some option</option>
<option value="2">Another option</option>
<option value="3" disabled>A disabled option</option>
<option value="4">Potato</option>
</select>
<input class="userData" type="number"></input>
<p class="display"></p>
<script>
$(document).ready(function () {
$("select").niceSelect();
});
$("select").change(function () {
const selectedValue = $(this).val();
const userData = $(".userData").val();
const someval = 10;
let result = selectedValue * (userData * someval);
$(".display").text(result);
});
</script>
<MainLayout>
{({showPopup})=>(
<>
<button onClick={()=>showPopup("success","i did it again")}>popup</button>
</>)}
</MainLayout>