3 div-tags per dropdown laden

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • 3 div-tags per dropdown laden

    Hi an alle in diesem tollen Forum!
    Ich habe mir aus dem Coderwiki dieses Tutorial angeschaut und versucht anzuwenden. Jedoch brauche ich das ganze für 3 DIV-Tags die alle von der Auswahl aus dem einem Dropdown abhängig sind!

    Mein Ansatz dafür war dieser:

    Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    2. <html>
    3. <head>
    4. <title>WebInterface manueller Test</title>
    5. <script src="js/tabelle.js" type="text/javascript">
    6. </script>
    8. <script src="js/tester.js" type="text/javascript">
    9. </script>
    11. <script src="js/szenarioname.js" type="text/javascript">
    12. </script>
    14. <script src="js/mandant.js" type="text/javascript">
    15. </script>
    17. <link rel="stylesheet" type="text/css" href="css/format.css">
    18. <style type="text/css">
    19. </style>
    20. </head>
    21. <body>
    22. <div>
    23. <table cellspacing="40" cellpadding="2">
    25. <tr valign="top">
    26. <td colspan="6">
    27. <h1>WebInterface manueller Test</h1>
    28. </td>
    29. </tr>
    30. <tr valign="top">
    31. <td class="1">Szenario ID:</td>
    32. <td>
    33. <form name="form" method="post" action="dbinsert.php">
    34. <select id="dropdown" name="SID" onChange="szenarioname(); tester(); mandant()">
    35. <?php
    36. include 'dbconnect.php'; // Hier die Verbindung zur Datenbank herstellen
    38. $result = mysql_query("SELECT ID,SzenarioID FROM `testf`; ");
    39. while($row = mysql_fetch_object($result))
    40. {
    41. echo '<option value="'.$row->ID.'">'.$row->SzenarioID.'</option>';
    42. }
    43. ?>
    44. </select>
    46. </td>
    47. <td>
    48. <div id="szenarioname" name="sname">Szenarioname</div>
    49. </td>
    50. <td><input name="tfid" value="Testfall ID">
    51. </td>
    52. <td>
    53. <div id="tester" name="tester">Tester</div>
    54. </td>
    55. <td>
    56. <div id="mandant" name="mandant">Mandant</div>
    57. </td>
    58. </tr>
    59. </table>
    60. </form>
    61. </div>
    62. </body>
    63. </html>
    Alles anzeigen


    Dazu die szenarioname.js:

    Quellcode

    1. function szenarioname() {
    2. var req;
    3. try {
    4. req = window.XMLHttpRequest?new XMLHttpRequest():
    5. new ActiveXObject("Microsoft.XMLHTTP");
    6. } catch (e) {
    7. //Kein AJAX Support
    8. }
    10. req.onreadystatechange = function() {
    11. if ((req.readyState == 4) && (req.status == 200)) {
    12. document.getElementById('szenarioname').innerHTML = req.responseText;
    13. }
    14. };
    15. var id = document.getElementById('dropdown').value;
    16. req.open('post', 'szenarioname.php');
    17. req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    18. req.send('s='+ id);
    19. }
    Alles anzeigen


    Die dazugehörige szenarioname.php:

    Quellcode

    1. <?php
    2. //Inhalte laden
    3. $query = mysql_real_escape_string($_POST['s']);
    4. $result = mysql_query("SELECT * FROM `testf` WHERE `ID` = '{$query}'; ");
    5. while($row = mysql_fetch_object($result))
    6. {
    7. echo '<p />Szenrioname: '.$row->SzenarioName;
    8. }
    9. ?>


    Und genau da scheitert es, die tester.js/php funktioniert ohne Probleme:

    Quellcode

    1. function tester() {
    2. var req;
    3. try {
    4. req = window.XMLHttpRequest?new XMLHttpRequest():
    5. new ActiveXObject("Microsoft.XMLHTTP");
    6. } catch (e) {
    7. //Kein AJAX Support
    8. }
    10. req.onreadystatechange = function() {
    11. if ((req.readyState == 4) && (req.status == 200)) {
    12. document.getElementById('tester').innerHTML = req.responseText;
    13. }
    14. };
    15. var id = document.getElementById('dropdown').value;
    16. req.open('post', 'tester.php');
    17. req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    18. req.send('s='+ id);
    19. }
    Alles anzeigen


    Quellcode

    1. <?php
    2. //Inhalte laden
    3. $query = mysql_real_escape_string($_POST['s']);
    4. $result = mysql_query("SELECT * FROM `testf` WHERE `ID` = '{$query}'; ");
    5. while($row = mysql_fetch_object($result))
    6. {
    7. echo '<p />Benutzer: '.$row->Tester;
    8. }
    9. ?>


    Nur bei den anderen beiden gehts nicht. Jemand ne Idee warum? Danke schon mal für eure Hilfe!