如何在Javascript中传递HTML数据

如何在Javascript中传递HTML数据,javascript,php,html,forms,Javascript,Php,Html,Forms,我是HTML/JS新手,目前正在努力改进现有代码之一 因此,现有代码声明了一个表单,并在JS中使用数据进行进一步处理。现在我想在不创建表单的情况下硬编码这些值,并使用相同的JS进行进一步的操作。我不想改变JS,因为这两种行为应该共存。 这就是代码现在的样子- <div class="form-group"> <label>Frequency</label> <select class="form-control delivery" data-co

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

频率

您可以为选择标记设置id,如1点

现在,您可以将其用于相同的函数,如2点和3点

 1. <select id = "selectID" class="form-control delivery">
 2.  var planval = $("#selectID").val();
 3.  var prid = $("#selectID").data('code');
1。
2.var planval=$(“#selectID”).val();
3.var prid=$(“#selectID”).data('code');
获取匹配元素集中第一个元素的属性值,或为每个匹配元素设置一个或多个属性。 获取匹配元素集中第一个元素的属性值

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

频率

你面临什么问题?发生了什么错误?你面临什么困难?精心设计。