JavaScript Mehrere Selectboxen zusammen addieren

Bazs

Cadet 1st Year
Registriert
Juli 2017
Beiträge
15
Habe leider erneut ein Problem, weiß nicht ob es daran liegt, dass es so spät ist oder ich einfach zu doof bin :'D

und zwar möchte ich nun ausschließlich die Selectboxen addieren, mehr nicht, sobald ich dies mit folgenden Code mache, Schreibt er mir zwar die Values ein, aber addiert diese nicht miteinander sondern nur nebeneinander.

Code:
<script type="text/javascript">
    function makeChangeSelect(){
    var sb = document.getElementById("select");
    var preis = parseFloat(sb.options[sb.selectedIndex].value);
    document.getElementById("preis").innerHTML = preis.toFixed(2);
    }
    </script>

...............Snipped...............
<form name="form1" method="post" action="" oninput=  "result8.value = select.value + select0.value + select1.value + select2.value + select3.value">


<select name="select" id="select" onchange="makeChangeselect()">
    <option value="454">1</option>
    <option value="585" selected>2</option>
    <option value="989">3</option>
</select>
Mehr ist dies nicht, ich habe mehrere MakeChangeSelect drin, natürlich unter verschiedenen Namen., diese möchte ich nur alle zusammen addiert haben.

Danke euch für eure Hilfe.
 
Dh. ich mache es folgender maßen:

Code:
 <script>
    function myFunction() {
var x, y ;

x = document.getElementById('preis').value;
y = document.getElementById('preis0').value;

var z = x + y ;

document.getElementById('demo').innerHTML = z;
}
</script>
.............................
<p id="demo"></p> fürs ergebniss?

Ich habe es folgendermaßen jetzt:

Code:
    <script type="text/javascript">
    function makeChangeSelect(){
    var sb = document.getElementById("select");
    var preis = parseFloat(sb.options[sb.selectedIndex].value);
    document.getElementById("preis").innerHTML = preis.toFixed(2);
    }
    </script>
        <script type="text/javascript">
    function makeChangeSelect0(){
    var sb0 = document.getElementById("select0");
    var preis0 = parseFloat(sb0.options[sb0.selectedIndex].value);
    document.getElementById("preis0").innerHTML = preis0.toFixed(2);
    }
    </script>
            <script type="text/javascript">
    function makeChangeSelect1(){
    var sb1 = document.getElementById("select0");
    var preis1 = parseFloat(sb1.options[sb1.selectedIndex].value);
    document.getElementById("preis1").innerHTML = preis1.toFixed(2);
    }
    </script>
            <script type="text/javascript">
    function makeChangeSelect2(){
    var sb2 = document.getElementById("select2");
    var preis2 = parseFloat(sb2.options[sb2.selectedIndex].value);
    document.getElementById("preis2").innerHTML = preis2.toFixed(2);
    }
    </script>
            <script type="text/javascript">
    function makeChangeSelect3(){
    var sb3 = document.getElementById("select3");
    var preis3 = parseFloat(sb3.options[sb3.selectedIndex].value);
    document.getElementById("preis3").innerHTML = preis3.toFixed(2);
    }
    </script>
<script>
function myFunction() {
var v, w, x, y, z ;
v = document.getElementById('preis').value;
w = document.getElementById('preis0').value;
x = document.getElementById('preis1').value;
y = document.getElementById('preis2').value;
z = document.getElementById('preis3').value;
var s = z + y + x + w + v ;
document.getElementById('Summe').innerHTML = s;
}
</script>
 
Du hast das Problem übernommen und nicht die Lösung, wenn ich es richtig sehe...
 
Ich dachte es war die Lösung, tollertyp, du bist auch ein toller Typ, würdest mir bestimmt dabei kurz helfen oder 😂
 
Steht doch alles auf der Seite ... z.B.
1602322435850.png
 
Also soll ich Ihm die ID vorgeben

Also

Var x = Preis.value?

Da es ja mehrere Auswahlmöglichkeiten in der selectbox gibt
 
Hab eher jetzt das Problem, dass das Ergebnis nicht mehr angezeigt wird. 😒
 
Wieso packst du eigentlich alles einzeln in Script-Tags? Mal davon abgesehen, dass die ganze Code-Doppelung von einem strukturellen Verständnisproblem zeugt.
 
Zurück
Oben