Άθροισμα τιμών από πολλα combobox

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
kemik
Δημοσιεύσεις: 13
Εγγραφή: 04 Μαρ 2009 04:05

Άθροισμα τιμών από πολλα combobox

Δημοσίευση από kemik » 30 Δεκ 2010 02:09

Γεια σε όλους. Έχω ένα πρόβλημα:
Φανταστήτε μια στήλη με 5 combobox (html) και στο τέλος ένα textbox. Τα combo έχουν int τιμες [0-20]. Σε κάθε combo ο χρήστης μπορεί να συμπληρώσει οποιαδίποτε τιμή απ αυτές. Το ζητούμενο είναι κάθε φορά πυ ο χρήστης εισάγει τιμη στο combo της δεδομένης στήλης η τιμή να προστεθεί στο textbox έτσι ώστε στο τέλος να έχουμε το άθροισμα της στήλης. Όλο αυτό όμως πρέπει να γίνετε χωρίς το site να κάνει refresh ή να κάνει κάποιο request ο browser. Με έχει παιδέψει πολύ αν κάποιος μπορεί να βοηθήσει θα είμουν ευγνώμον.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Άθροισμα τιμών από πολλα combobox

Δημοσίευση από fafos » 30 Δεκ 2010 04:13

gia 3 drops kai me jquery (gia na ta kaneis 5 xrhsimopoihse thn fantasia sou):
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>


<script type="text/javascript">
$(document).ready(function() {

$("select.course").change(function () {
var total = 0;
$("select.course option:selected").each(function() {
total += parseFloat($(this).val()) || 0;
});
$(".courseTotal span").text("$"+total.toFixed(2));
});

});
</script>

</head>
<body>
<form action="blank.php" method="post">
<select class="course" name="course1">
<option value="0.00"></option>
<option value="2.99">Patates - &#8364;2.99</option>
<option value="1.25">Ntomates - &#8364;1.25</option>
<option value="1.44">Aggouria - &#8364;1.44</option>
</select>
<select class="course" name="course2">
<option value="0.00"></option>
<option value="2.99">Mprokola - &#8364;2.99</option>
<option value="1.25">Prasa - &#8364;1.25</option>
<option value="1.44">Xorta - &#8364;1.44</option>
</select>
<select class="course" name="course3">
<option value="0.00"></option>
<option value="2.99">Portokalia - &#8364;2.99</option>
<option value="1.25">Syka - &#8364;1.25</option>
<option value="1.44">Mhla - &#8364;1.44</option>
</select>
</form>
<div class="courseTotal">Lyphterh: <span></span></div>
</body>
</html>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

kemik
Δημοσιεύσεις: 13
Εγγραφή: 04 Μαρ 2009 04:05

Άθροισμα τιμών από πολλα combobox

Δημοσίευση από kemik » 30 Δεκ 2010 20:14

Είναι απ' τις ελάχιστες φορές που μου απαντάει κάποιος σε forum και μου δίνει και λύση!!!!
Ευχαριστώ πάρα πολύ.

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες