如何在Javascript中傳遞HTML數據

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

如何在不實際創建表單的情況下傳遞val和代碼值？

Answer 1

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>

Answer 2

您可以為選擇標簽設置ID，例如1點。

現在您可以將其用於相同的功能，例如2點和3點

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