Как передать данные HTML в Javascript

Question

Я новичок в HTML/JS и в настоящее время работает над улучшением одного из существующих у меня кода.

Таким образом, существующий код объявляет форму, а данные используются в JS для дальнейшей обработки. Теперь я хочу жестко закодировать эти значения без создания формы и использовать тот же JS для дальнейших действий. Я не хочу менять JS, так как оба поведения должны сосуществовать. Это путь код выглядит сейчас -

<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'); 
    } 
    } 

Как я могу передать Вэл и значение кода без фактического создания формы?

Answer 1

Вы можете установить идентификатор для выбранного тега, как 1 балл.

теперь вы можете использовать это для той же функции, как 2 и 3 очка

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

Answer 2

attr() Получить значение атрибута для первого элемента в наборе соответствующих элементов или установить один или несколько атрибутов для каждого совпавшего элемент. Получите значение атрибута для первого элемента в наборе согласованных элементов.

<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>