Tabelle durch Formular ausgeben mit Vorauswahl

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

dumbledore

Neues Mitglied
14 September 2017
24
0
1
25
Guten Abend zusammen,
ich möchte folgendes machen.

Ich öffne eine Seite. Wähle dort gewisse Sachen aus und diese sollen dann als Tabelle ausgegeben werden.
Ich habe hier mal ein Beispiel angehängt.
Bildschirmfoto 2018-12-01 um 17.29.31.png
Links wähle ich diverse Modelle. Minimum ist eine Auswahl. Auf Wunsch klicke ich auf Plus und es erscheint eine weitere Auswahlmöglichkeit.
Das, was man auswählen kann, ist von mir vorgegeben.
Wenn ich dann auf umwandeln klicke soll das Ergebnis Rechts als Quelltext erscheinen. Diesen Quelltext kopiere ich dann woanders herein, sodass dann eine Grafik in Tabellenform ausgegeben werden soll.
Die Links für die Minibilder habe ich.

Ich muss also irgendwie die Formular Funktion mit der Tabellenfunktion kombinieren.
Für das Formular habe ich aktuell folgenden Code:
HTML:
<html>
<h1>Modelle ausw&aumlhlen</h1>
<main>
    <h2>VW Modelle</h2>
    <form action="#">
        <label>VW:
            <select name="top5">
                <option>Golf</option>
                <option>Golf Sportsvan</option>
                <option>Tiguan</option>
                <option>Passat</option>
            </select>
            <label>VON
            <select name="top5">
                <option>2010</option>
                <option>2011</option>
                <option>2012</option>
                <option>2013</option>
            </select>
            <label>BIS
            <select name="top5">
                <option>2011</option>
                <option>2012</option>
                <option>2013</option>
                <option>2014</option>
            </select>
        </label>
    </form>
            <form action="#">
        <label>VW:
            <select name="top5">
                <option>Golf Sportsvan</option>
                <option>Golf Sportsvan</option>
                <option>Tiguan</option>
                <option>Passat</option>
            </select>
            <label>VON
            <select name="top5">
                <option>2005</option>
                <option>2011</option>
                <option>2012</option>
                <option>2013</option>
            </select>
            <label>BIS
            <select name="top5">
                <option>2008</option>
                <option>2012</option>
                <option>2013</option>
                <option>2014</option>
            </select>
        </label>
    </form>
<form action="#">
        <label>VW:
            <select name="top5">
                <option>Passat</option>
                <option>Golf Sportsvan</option>
                <option>Tiguan</option>
                <option>Passat</option>
            </select>
            <label>VON
            <select name="top5">
                <option>2014</option>
                <option>2011</option>
                <option>2012</option>
                <option>2013</option>
            </select>
            <label>BIS
            <select name="top5">
                <option>2018</option>
                <option>2012</option>
                <option>2013</option>
                <option>2014</option>
            </select>
        </label>
    </form>
    
            </main>
  
 <img src="http://media.gettyimages.com/vectors/flat-round-plus-sign-green-icon-button-positive-symbol-isolated-on-vector-id691856112?s=170667a&w=1007" alt="Smiley face" height="42" width="42">
    
    <br>
    <br>
     <br>
     <br>
     <br>
    
    In Tabelle umwandeln
    
</html>

Die Ausgabe für die Tabelle geschieht mit folgendem Code:
HTML:
<table border="0">
<tbody>
<tr>
<td style="text-align: center;"><strong>VW Amarok</strong></td>
</tr>
<tr>
<td><img id=„XYZ“ class=„XYZ“ src="https://www.de/media/image/cc/d7/87/img.png" alt="img" width="201" height="76" data-src="media/image/img.png" /></td>
</tr>
<tr>
<td style="text-align: center;"><strong>&nbsp;2013 - 2018&nbsp;</strong></td>
</tr>
</tbody>
</table>
Ich komme gerade aber irgendwie nicht weiter. Muss ich jetzt mit PHP und Get Funktionen arbeiten?
Es würde schon reichen, wenn mir jemand die richtigen Tutorials verlinken könnte.
 

Tronjer

Moderator
Team
Moderator
8 Oktober 2010
5.066
428
83
Berlin
Ich komme gerade aber irgendwie nicht weiter. Muss ich jetzt mit PHP und Get Funktionen arbeiten?
Wenn du schon so fragst, wirst du die Antwort nicht verstehen.

Das ist eine reine JS-Aufgabe. Beim Klick auf ein Auswahlfeld triggert man ein Change-Event, das auf der rechten Seite das zugehörige Auto rendert. Kopiert wird da nichts, sondern nur ein JavaScript Objekt upgedatet.
 

dumbledore

Neues Mitglied
14 September 2017
24
0
1
25
Kann man das nicht mit HTML PHP und eventuell MySQL lösen? Mit JS kenne ich mich null aus und will mich da auch nicht einarbeiten, da ich es nie nutzen werde.

EDIT: habe es nun mit Excel hingekriegt.
Wieso kompliziert, wenn es einfacher geht.
 
Zuletzt bearbeitet:
Werbung:

Latest posts