I want to retrieve the data
attribute of a selected value that resides inside an option
html tag:
I have the following select and using Jquery I manage to get the new value so I can process it further:
$("select[name=time]").on('change',function(e){
const target = event.target;
console.log(target);
console.log($(target).val());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="time" class="container-full">
<option value="12:00" data-payvalue=2300>12:30</option>
<option value="13:00" data-payvalue=2301>13:00</option>
<option value="14:00" data-payvalue=2101>14:00</option>
</select>
…
Do you know on how I can do it?