How can I pass HTML data in Javascript

Question

I am new to HTML/JS and currently working to improve one of the existing code I have.

So the existing code declares a form and the data is used in JS for further processing. Now I want to hard code this values without creating a form and use the same JS for further action. I don't want to change JS as both the behaviors should co-exist. This is the way the code looks now -

<div class="form-group">
 <label>Frequency</label>
   <select class="form-control delivery" data-code="<?php echo $prid; ?>">
     <option value="">-- Please Select --</option>
     <option value="">Once</option>
     <option value="">Twice</option>
   </select>
</div>

<script>
  $(document).ready(function(){
     $('.delivery').change(function(){
        var planval = $(this).val();
        var prid = $(this).data('code');
     }
  }

How can I pass val and code value without actually creating form?

Answer 1

attr() Get the value of an attribute for the first element in the set of matched elements or set one or more attributes for every matched element. Get the value of an attribute for the first element in the set of matched elements.

<div class="form-group">
 <label>Frequency</label>
   <select class="form-control delivery" data-code="<?php echo $prid; ?>">
     <option value="">-- Please Select --</option>
     <option value="">Once</option>
     <option value="">Twice</option>
   </select>
</div>

<script>
  $(document).ready(function(){
     $('.delivery').change(function(){
        var planval = $(this).val();
        var prid = $(this).attr('data-code');
     }
  }
</script>

Answer 2

You can set id for select tag like 1 point.

now you can use this for same function like 2 and 3 point

 1. <select id = "selectID" class="form-control delivery">
 2.  var planval = $("#selectID").val();
 3.  var prid = $("#selectID").data('code');