如何在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');