Jquery sendet das Ergebnis von SUM an div

Question

Ich möchte: Wert aus auswählen, mit anderen Werten summieren und in einen Bereich einfügen.

Kann ich das Ergebnis eines Wertes an ein Div/Span senden, ohne mit einer Schaltfläche senden zu müssen? Ist das möglich?

bitte auf meine Geige aussehen: https://jsfiddle.net/groseler/3mq1ye1y/

HTML

$(function() { 
 
    $("#field16-1").change(function() { 
 
    var val = $(this).val(); 
 
    var comEx = "150"; 
 
    var youngDriver = "100"; 
 
    var resultSum = parseInt(val, 10) + parseInt(comEx, 10) + parseInt(youngDriver, 10); 
 
     
 
    }); 
 
    $("#result").html(resultSum); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="field16-1"> 
 
    <option value="">Please select...</option> 
 
    <option value="120">120</option> 
 
    <option value="230">230</option> 
 
    <option value="260">260</option> 
 
</select> 
 
<div> 
 
Result should appear here ---> <span id="result" ></span></div>

Answer 1

Ihr Code nach einer Bit-Wechsel funktioniert. Sie haben nur einen Tippfehler. Sie müssen die $("#result").html(resultSum) in den Rückruf change hinzufügen.

Sie müssen nichts einreichen. geht fast immer auf den Server-Seite Code Senden ist für die Formulare und nach den Daten übertragen

$(function() { 
 
    $("#field16-1").change(function() { 
 
    var val = $(this).val(); 
 
    var comEx = "150"; 
 
    var youngDriver = "100"; 
 
    var resultSum = parseInt(val, 10) + parseInt(comEx, 10) + parseInt(youngDriver, 10); 
 
    $("#result").html(resultSum); 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="field16-1"> 
 
    <option value="">Please select...</option> 
 
    <option value="120">120</option> 
 
    <option value="230">230</option> 
 
    <option value="260">260</option> 
 
</select> 
 
<div> 
 
<span id="result" ></span></div>

Answer 2

Put $("#result").html(resultSum); innerhalb der Funktion

$(function() { 
    $("#field16-1").change(function() { 
    var val = $(this).val(); 
    var comEx = "150"; 
    var youngDriver = "100"; 
    var resultSum = parseInt(val, 10) + parseInt(comEx, 10) + parseInt(youngDriver, 10); 
     $("#result").html(resultSum); 
    }); 

}); 

JSFIDDLE

Answer 3

Verschieben $("#result").html(resultSum); Aussage innerhalb von .change() so Die Summe kann jedes Mal geändert werden, wenn sich der Wert des Elements select ändert.

$(function() { 
 
    $("#field16-1").change(function() { 
 
    var val = $(this).val(); 
 
    var comEx = "150"; 
 
    var youngDriver = "100"; 
 
    var resultSum = parseInt(val, 10) + parseInt(comEx, 10) + parseInt(youngDriver, 10); 
 
    $("#result").html(resultSum); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="field16-1"> 
 
    <option value="">Please select...</option> 
 
    <option value="120">120</option> 
 
    <option value="230">230</option> 
 
    <option value="260">260</option> 
 
</select> 
 
<div> 
 
Result should appear here ---> <span id="result" ></span></div>

Answer 4

Der Fehler, den Sie gemacht haben, ist, dass Sie $("#result").html(resultSum); diese außerhalb des Änderungsereignis von Dropdown setzen.