JavaScript - Kostenformular Dropdown-Liste anzeigen OnClick

Question

Lässt dies aus dem Weg. "Ich weiß fast nichts über JavaScript"! Jeglicher JavaScript-Code, den ich verwende, stammt von Websites, die JavaScript-Beispiele zeigen. Außerdem habe ich das Stackoverflow-Forum für Leute mit ähnlichen Problemen durchsucht. Wenn ich ein Thema verpasst habe, das mein Problem beheben wird, lass es mich wissen.

Ich habe eine Dropdown-Liste, die eine Liste von Aktien Aktien hat:

<select name="shares" id="shares"> 
    <option value="500">500</option> 
    <option value="1000">1000</option> 
    <option value="1500">1500</option> 
</select> 

Ich bin derzeit mit diesem JS-Code, und es wird die Kosten für den Bildschirm für die nur die erste Zahl in der Dropdown-Liste Anzeigen :

<script> 
    var stock_position = <?php echo $stock_position; ?>; 
    var shares = document.buy_shares.shares; 
    var cost = stock_position * shares.value; 
    document.write(cost); 
</script> 

Allerdings habe ich keine Ahnung, wie die Kosten Änderung vorzunehmen, wenn ein neuer Aktie Betrag aus der Dropdown-Liste ausgewählt ist. Ich glaube, ich habe irgendwo gelesen, dass "document.write()" möglicherweise nicht die beste Option ist, um die Kosten auf dem Bildschirm anzuzeigen? Jede Eingabe würde geschätzt werden.

Danke für Ihre Hilfe!

Answer 1

Ich habe diesen Code für Sie gemacht. In diesem zuerst drucke ich Ihre Werte in einem Tag, dann, wenn der Benutzer die Freigabe ändert, wird es wieder das Tag html ändern. Hier ist eine Geige Link für ein Live-demo

$("#demo").html($("#shares").val()); 
 

 
$("#shares").on('change',function(){ 
 
    var values = $(this).val(); 
 
    $("#demo").html(values); 
 
    
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <select name="shares" id="shares"> 
 
    <option value="500">500</option> 
 
    <option value="1000">1000</option> 
 
    <option value="1500">1500</option> 
 
</select> 
 
<p id="demo"></p>

Answer 2

die Variable I Namen erstellt Werten Sie diese Variable für die Berechnung wie Werte * stock_position oder jede Art von Berechnung verwenden können.

Wenn Sie Aktienpositionswerte von PHP haben, dann müssen Sie Ajax verwenden, um diesen Wert in Javascript zu erhalten.

Answer 3

denke ich, was Sie möchten, dass so etwas wie dies zu tun ist:

DEMO: http://jsfiddle.net/vdbr24m7/

HTML:

<select name="shares" id="shares"> 
    <option value="500">500</option> 
    <option value="1000">1000</option> 
    <option value="1500">1500</option> 
</select> 

Cost : <span id="cost"></span> 

JavaScript:

var stock_position = 10;// set by PHP 

function showCost(shares){ 
    var cost = stock_position * shares; 
    $("#cost").text(cost); 
} 
$(function() { 
    var $list = $("#shares"); 
    $list.change(function(){ 
     showCost($(this).val()); 
    }); 
    showCost($list.val()); 
}); 

Hoffnung, das hilft.