Merhabalar,

İnput değerlerine göre veriyi eş zamanlı güncellemek istiyorum ama kod çalışmıyor. Nerede hata yapıyorum söylermisiniz? Birde her seçimde ekleme yapmayacak, her seçenekte bulunan data-price ile sabit değerleri toplayıp yazdırması lazım.

<label for="laptopSelect">Laptop:</label> 
       <select class="productSelect" name="laptopSelect" data-price="1500">           
 <option value="0">Seçiniz</option>         
   <option value="1" data-price="1500">1 Adet</option>          
  <option value="2" data-price="1600">2 Adet</option>         
   <option value="3" data-price="1700">3 Adet</option>      
  </select>    
    <label for="phoneSelect">Telefon:</label>     
   <select class="productSelect" name="phoneSelect" data-price="800">    
        <option value="0">Seçiniz</option>         
   <option value="1" data-price="800">1 Adet</option>  
          <option value="2" data-price="850">2 Adet</option>     
       <option value="3" data-price="900">3 Adet</option>     
   </select>

<input type="text" id="totalPrice" name="totalPrice" readonly>

 
<script>
        function initializePrices() {
            // Sayfa yüklendiğinde toplam fiyatı güncelle
            updateTotalPrice();
        }

        function updateTotalPrice() {
            var totalPrice = 0;

            // Her bir seçeneği dolaş
            $('.productSelect').each(function() {
                var selectedValue = $(this).val();
                var price = parseFloat($(this).find(':selected').data('price')) || 0;

                if (selectedValue !== "0") {
                    totalPrice += price;
                }
            });

            // Toplam fiyatı ekrana yazdır
            $("#totalPrice").val(totalPrice.toFixed(2));
        }

        // Select değişikliklerini dinle
        $('.productSelect').on('change', function() {
            updateTotalPrice();
        });
    </script>