Optionswert in einem anderen div anzeigen

Question

In meiner Datenbank habe ich eine Tabelle, wo ich Breite, Höhe und den passenden Preis für diese Breite x Höhe hinzufügen kann.

Jetzt habe ich das Stück Code, der die Breite x Höhe in meinem Dropdown-Menü auf der Website zeigt. Aber das einzige, was ich nicht zum arbeiten bekommen kann, wenn ich auf eine Breite x Höhe in meinem Dropdown klicke, dass der passende Preis davon irgendwo anders auf meiner Seite angezeigt wird.

<?php 
     $query = "SELECT * FROM shop_customoptions"; 
     $stmt = $conn->query($query); 

     $dropdown = "<select name='id' id='formaat_selecteren'>"; 
     foreach ($stmt as $row) { 
     $dropdown .= "\r\n<option value='{$row['prijs']}'>{$row['breedte']} x {$row['hoogte']}</option>"; 
     } 
     $dropdown .= "\r\n</select>"; 
     echo $dropdown; 
    ?> 

Kann mir jemand dabei helfen?

Ich fand schon eine Lösung mit javascript:

<script type="text/javascript"> 
      $("#formaat_selecteren").change(function() { 
      if ($.isNumeric($(this).val())) { 
      $(".price").html("&euro; " + $(this).val()); 
      } else { 
      $(".price").empty(); 
      }; 
      }); 
     </script> 

Aber es zeigt nicht den Preis mit ein, und ich eher eine Lösung mit PHP haben, wenn es einen gibt.

Answer 1

Geben Sie diesem einen Versuch

<script type="text/javascript"> 
    $("#formaat_selecteren").change(function() { 
    if ($.isNumeric($(this).val())) { 
    $(".price").html("&euro; " + String($(this).val()).replace('.',',')); 
    } else { 
    $(".price").empty(); 
    }; 
    }); 
</script> 

Answer 2

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#formaat_selecteren").on("change", function() { 
       if ($.isNumeric($(this).val())) { 
        $(".price").html("$ " + String($(this).val()).replace('.',',')); 
       } else { 
        $(".price").empty(); 
       }; 
      }); 
     }); 
    </script> 

    <span class="price"></span> 

Answer 3

Wenn Sie sagen, „Aber es ist nicht der Preis nicht zeigen, mit ein,“ ich vermute, Sie meinen der Preis ist nicht formatiert, zB „2.000 € ". Wenn das stimmt, könntest du so etwas versuchen.

PHP - fügen Sie den formatierten Preis als Datenattribut hinzu. Dies setzt voraus, Sie Ihren Ort in PHP gesetzt haben, und Sie können ein anderes Format wünschen, sehen Sie die Dokumentation: http://php.net/manual/en/function.money-format.php

$dropdown .= "\r\n<option value='{$row['prijs']}' data-price='" . money_format('%.2n', $row['prijs']) . "'>{$row['breedte']} x {$row['hoogte']}</option>"; 

Javascript - greifen und verwenden Sie diese Datenattribut:

$("#formaat_selecteren").change(function() { 
    var formattedPrice = $(this).data('price'); 
    if ($.isNumeric($(this).val())) { 
     $(".price").html(formattedPrice); 
    } else { 
     $(".price").empty(); 
    }; 
});