如何在php中获得选项标签的数据属性

Question

我已经为select元素分配了值，并且添加了data属性。我可以在php中获取元素的值，并且我知道如何使用JavaScript获取数据属性，但我真的很想从表单的data属性中发送值。这可能吗？在此先感谢您的帮助。这是我的代码示例：

      <div class="form-group">
        <label for="prod_sku">Size:</label>
            <select class="form-control" id="prod_sku" name="prod_sku">
                  <option value="sku_GGdBzZqwz443UhRf" data-price="20.00">125 ml</option>
                  <option value="sku_GJ78tLAGYOIiuwjT" data-price="45.00">500 ml</option>
                  <option value="sku_GJ77wDMtvx8n4Mbh" data-price="300.00">5 ltr</option>
             </select>
        </div>
<input id="prod_price" name="prod_price" type="hidden" value="<?php echo $_GET['prod_sku -> data-price']; ?>">

我需要将所选sku选项的价格发送给MySQL。表单方法是post，隐藏的输入是在表单内部。

Answer 1

使用更改事件jQuery并将其分配给输入。然后，您可以轻松地将其作为发帖请求获得价值。

$('#prod_sku').change(function(){        
  $("#prod_price").val($(this).find(':selected').attr('data-price') + " Rs");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="form-group">
     <label for="prod_sku">Size:</label>
     <select class="form-control" id="prod_sku" name="prod_sku">
         <option value="sku_GGdBzZqwz443UhRf" data-price="20.00">125 ml</option>
         <option value="sku_GJ78tLAGYOIiuwjT" data-price="45.00">500 ml</option>
         <option value="sku_GJ77wDMtvx8n4Mbh" data-price="300.00">5 ltr</option>
     </select><br><br>
</div>
<input id="prod_price" name="prod_price" value="">