[PHP, HTML, JS] Felder einer Form anhand einer Dropdown automatisch ausfüllen

Javascript dürfte der einfachste Weg sein:

• https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Auswahllisten#select_und_JavaScript

Alternativ müsstest du das Formular mit der Auswahl absenden und dadurch eine weitere Seite mit den (vor-)ausgefüllten Werten aufrufen.

Irgend W. schrieb:

Javascript dürfte der einfachste Weg sein:

https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/Auswahllisten#select_und_JavaScript

Alternativ müsstest du das Formular mit der Auswahl absenden und dadurch eine weitere Seite mit den (vor-)ausgefüllten Werten aufrufen.

Danke dir, wie ich mir da bereits dachte, müsste ich ja dann alle Felder (PLZ, Ort etc) "irgendwie" in den Session Variablen abspeichern wenn ich die Datenbank gelesen habe um auf den Namen zuzugreifen.

Ich habe es mal mit der Auswahl absenden und dann in das Formular laden gemacht. Geht eigentlich ganz gut, die Seite wird zwar neu geladen und ruckelt kurz für ein paar ms, aber das übersteht meine Frau sicherlich. :-D

1

...

2

3

4

<script type="text/javascript">

5

  function run()

6

  {

7

    var v1 = document.getElementById("Stammkunden").value;

8

    window.open("?si=1&sid=" + v1, '_self');

9

    return false;

10

  }

11

</script>

12

13

<?php 

14

  if(isset($_GET['sid']))

15

  {

16

    $PDO_Stammkunden = $pdo->prepare("SELECT * FROM Stammkunden WHERE id=" . $_GET['sid']);

17

    $PDO_Stammkunden->execute();

18

    $row = $PDO_Stammkunden->fetch();

19

20

    $Name = $row['Name'];

21

    $Adresse = $row['Adresse'];

22

    $PLZ =$row['PLZ'];

23

    $Ort =$row['Ort'];  

24

?>

25

<form action="/?si=95" method="post">

26

  <table style="width:500px; max-width=90%;">

27

    <tr>

28

      <td>

29

        <input style="background-color: lightgrey;" type="text" name="RechnungsNr" value="<?php echo $Num; ?>" readonly>

30

      </td>

31

    </tr>

32

    <tr>

33

      <td>

34

        <select id="Stammkunden" onchange="run()" name="Stammkunde">

35

        <?php

36

          $PDO_Stammkunden = $pdo->prepare("SELECT * FROM Stammkunden");

37

          $PDO_Stammkunden->execute();

38

          while ($row = $PDO_Stammkunden->fetch())

39

          {

40

            echo "<option value=" . $row['id'] . ">" . $row['Name'] . "</option>";

41

          }

42

        ?>

43

        </select>

44

      </td>

45

    </tr>

46

    <tr>

47

      <td>

48

        <input type="text" name="RechnungsName" placeholder="Name" value="<?php if(isset($Name)){ echo $Name;} ?>">

49

      </td>

50

    </tr>

51

    <tr>

52

      <td><input type="text" name="RechnungsStrasse" placeholder="Straße" value="<?php if(isset($Adresse)){ echo $Adresse;} ?>" >

53

      </td>

54

    </tr>

55

56

...

EDIT: JavaScript vergessen 8-)

Rene K. schrieb:

$PDO_Stammkunden = $pdo->prepare("SELECT * FROM Stammkunden WHERE id=" . $_GET['sid']);

Ich hoffe nur, dass du das nicht frei im Netz rumstehen hast:

• https://de.wikipedia.org/wiki/SQL-Injection

Nein, ist nur lokal erreichbar. Aber dennoch danke für die Info und ich werde das natürlich beheben - auch wenn dies nur lokal ist, ist es dennoch keine gute Sitte und sollte man sich direkt abgewöhnen. ☺️

Soo...

1

<?php

2

if(isset($_GET['sid']))

3

{

4

5

  //Für Neurotiker:

6

  if(strlen($_GET['sid']) >= 3) {$_GET['sid'] = 0;}

7

8

  //Das reicht im Grunde schon:

9

  $PDO_Stammkunden = $pdo->prepare('SELECT * FROM Stammkunden WHERE id= :idStammKunde');

10

  $PDO_Stammkunden->execute( array(':idStammKunde' => $_GET['sid']));

11

12

  $row = $PDO_Stammkunden->fetch();

13

  $Name = $row['Name'];

14

  $Adresse = $row['Adresse'];

15

  $PLZ =$row['PLZ'];

16

  $Ort =$row['Ort'];  

17

}

18

?>

Wo wir im übrigen dabei sind, dies alles läuft über MariaDB. Emuliert dort PDO ebenso die Prepared Statements wie bei MySQL? So das ein ausschalten von PDO::ATTR_EMULATE_PREPARES nötig ist?! UTF8 ist ja schon bei der DB Anbindung dabei.

Überall, wo du Userdaten ins HTML einfügst, würde ich das vorher durch htmlentities() lassen, um das zu escapen. Sonst ist man anfällig für XSS.

Falls man kein JS will, könnte man sich auch eine select box mit CSS zusammenbauen, die dann per <a> oder per <input type="submit"> die Seite neu lädt: https://jsfiddle.net/d7e2nxrt/1/

Ist doch scheiss egal, wenn da etwas mehr escapet wird, der Browser dekodiert es ja so oder so wieder.

Anderweitige Anwendung sollten gar nicht erst versuchen, HTML zu parsen. Wenn man die Daten anderen Anwendungen zur Verfügung stellen will, macht man eine REST Schnittstelle dafür, und gibt die Daten als JSON zurück. Und wenn es die Schnittelle nicht gibt, wird es auch nicht gewollt sein, dass da irgendwelche Tools daran herumspielen.

Karl Käfer schrieb:

Rene K. schrieb:

Die Kunden werden bereits automatisch nach 3 Vorgängen in die Stammkunden-Datenbank aufgenommen. [...] Hat da jemand einen Tipp für mich?

Die SQL-Injection hast Du ja zum Glück schon behoben, ansonsten habe ich für PHP mal an einem schicken OR-Mapper namens Doctrine mitgewirkt.

Ansonsten ist das mit dem Dropdown natürlich eine Möglichkeit, aber Du könntest das auch mit AJAX und Autocompletion direkt auf die Kundentabelle machen. Also quasi so, wie Du das von den meisten Internet-Suchmaschinen kennst: Du tippst ein paar Buchstaben ein, und dann werden die möglichen Vervollständigungen angezeigt. Wenn dann eine davon ausgewählt wird, geht im Hintergrund über AJAX ein HTTP-Query an den Server, holt die Daten für den gewählten Datensatz und trägt sie ins Formular ein. Vom W3C gibt es für einen Teil dieser Veranstaltung eine Dokumentation, wenngleich das dort gezeigte natürlich etwas umgeschrieben werden müßte: [1], so daß bei Dir kein vordefiniertes Array benutzt, sondern die Daten eben über ein JSON-Backend abgefragt werden. Je nach Anzahl der Kunden wäre das vermutlich eleganter und für den Bediener auch schneller als ein Dropdown, das bei vielen Kunden ja recht unübersichtlich werden kann.

Zudem würde ich aus Performancegründen darauf achten, daß die Tabelle mit den Namen einen Index für die Volltextsuche hat. Das kann sonst nämlich ziemlich nerven, wenn man etwas eingetippt hat und dann nicht schnell die möglichen Vervollständigungen angezeigt bekommt. Viel Spaß und Erfolg!

[1] https://www.w3schools.com/howto/howto_js_autocomplete.asp

Ich habe das nun mal duchprobiert. Leider funktioniert nicht einmal das Beispiel auf meinem Server. Ich finde auch keinerlei Fehlermeldungen über das Apache Error Log. Ist hierfür eine spezielle Java Version erforderlich? Ich meine, ohne Fehler fällt das Debugen schon irgendwie schwer. :-/

Unter:

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_autocomplete

funktioniert es tadellos, schiebe ich es aber auf meinen Server geht dies leider nicht.