使用按钮计算价格选择到文本区域

Question

我想在选择中带上标签“precio”的值，textarea在单击button“añadir al pedido”后计算这些值的总和并放入“cuenta”。选择的label“值”保存在textarea“pedido”中

                    <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>

                    <script>

                    function calcular(){

                    var cuenta=0.00:

                    

                    $('#pedido').val($('#pedido').val()+"\n"+$('#Pizzas option:selected').text());

var newPrice=cuenta;

                     var newPrice+=parseFloat($(this).find('#Pizzas option:selected').attr('precio'));

    

                    $('#pedido').val($('#pedido').val()+"\n"+$('#Bebidas option:selected').text());

var newPrice+=parseFloat($(this).find('#Bebidas option:selected').attr('precio'));

$("#cuenta").html(newPrice);

                }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<select id="Pizzas" name="Pizzas" class="form-control" >

<?php

<option value="<?php echo $datos[0];?>" precio="<?php echo $datos[1];?>"><?php echo $datos[0];?></option>

 <?php

           }

 ?>

 </select>

 

<select id="Bebidas" name="Bebidas" class="form-control" >

<?php

<option value="<?php echo $datos[0];?>" precio="<?php echo $datos[1];?>"><?php echo $datos[0];?></option>

     <?php

            }

     ?>

  </select>

<div class="col-12">

                            <div style="padding-left:20px;">

                            <textarea name="pedido" class="form-control" id="pedido" cols="30" rows="10" placeholder="Pedido" ></textarea>

                        </div>

                            </div>