javascript - 如何在 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 和 code 值？

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>