Menü

  Login

  Shoutbox

  Forum » Fragen zu Ilch » Andere Dinge » Dynamisches Auswqahlfeld


Dynamisches Auswqahlfeld
mobi
Eroberer

User Pic

Posts: 110
# 14.09.2012 - 09:43:27
    zitieren



Moin Mairu,
du ich stehe wieder mal auf dem Schlauch Smilie Evtl. war es auch gestern nur zulange ^^
Ich sollte ein Dynamisches Auswahlfeld coden. Wie hier z.B.
link
Hier steht ja der Preis:
Preis: EUR 51,99 - EUR 59,90
Alle Preisangaben inkl. MwSt.

Wenn ich nun untem um Auswahlfeld die Größe ändere verändert sich der Preis.

Genau sowas sollte ich brauchen. nur das meine Daten wo er anzeigt fest geschrieben sind dann in der html oedr php
Dies kann ich doch über JS lösen oder nicht.
Ich habe atm echt kein Plan Smilie könntet du mir Pls helfen

Danke dir im Vorraus
Mairu
Administrator

User Pic

Posts: 1908
# 16.09.2012 - 02:15:54
    zitieren



Richtig, das geht über Javascript, allerdings wären ein wenig mehr Informationen schon nicht schlecht, wie du das anzeigen willst, bzw. in welcher Form du die verschiedenen Preise / Produkte als HTML ausgibst.

Für die Handhabung von Javascript bietet sich immer in Framework an, wobei jQuery recht weit verbreitet ist.
mobi
Eroberer

User Pic

Posts: 110
# 16.09.2012 - 10:09:53
    zitieren



Moin Mairu,

danke dir schonmal für die Hilfe.
Im prinzip ist es ganz einfach gehalten. Hier ein Beispiel:
Aus/Ein-klappen Htmlcode


Ich habe nur keine ahnung wie ich den Jscode schreiben muß. Ich weiß mit Alert geht es. Aber wie man den Value direkt ausgibt. Ohje^^

Framework gerne jQuery

Danke dir vielmals im Vorraus Smilie


Zuletzt modifiziert von Mairu am 17.09.2012 - 10:01:18
Mairu
Administrator

User Pic

Posts: 1908
# 17.09.2012 - 10:00:49
    zitieren



Ist eigentlich sehr simpel und wenig Code.

 HTML
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
 <!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Select</title>
        <script src="jquery-1.8.1.js"></script>
    </head>
    <body>
        <table>
        <tr><td>
            <select id="priceSelect">

                <option value="1-20€">Bitte auswählen</option>
                <option value="5€">produkt 1</option>
                <option value="8€">produkt 2</option>
                <option value="15€">produkt 3</option>
                <option value="12€">produkt 4</option>
                <option value="1€">produkt 5</option>
            </select>
        </td>
        <td>ausgabe des <span id="chosenPrice">Value</span>, das sich immer ändert, bei einer anderen Auswahl des produkts</td>
        </tr>
        </table>
        <script>
            $(document).ready(function() {
                $('#priceSelect').on('change', function() {
                    $('#chosenPrice').html($(this).val());
                }).change();
            });           
       
</script>

    </body>
</html>
mobi
Eroberer

User Pic

Posts: 110
# 18.09.2012 - 12:25:53
    zitieren



mairu ich danke dir vielmals
ich muß mich echt mal mit JS bschäftigen

Tausend Dank