How I can get the selected option on element upon change in Jquery?

#webdev #javascript #jquery

I want to retrieve the data attribute of a selected value that resides inside an option html tag:

Apr 28 '23 Comments: 1 Answers: 2

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>

…

Open Full Question

Do you know on how I can do it?