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

如何在Javascript中传递HTML数据

2 个答案: