Textfeld durch DropDown füllen

wiked · 10.10.2008, 10:26

Ich habe ein Dropdown Feld welches automatisch aus einer MySQL Datenbank gefüllt wird. Jetzt soll diese Auswahl in der Datenbank gesucht werden und der Eintrag der Spalte "SzenarioName" in ein Textfeld geschrieben werden. Es funktioniert auch soweit, dass er den Szenarionamen oben im JS findet nur nicht ins Textfeld einträgt

PHP-Code:

 
<html>
<head>
<script type="text/javascript">
<!--
function changeInput(objSel){
   objSel.form.txtOut.value = $daten[''];
 
   <?php
   include ("dbconnect.php");
 
   $res = mysql_query("select * from testf");
   $anz = mysql_num_rows($res);
   $y = 1;
   while ($y<=$anz) {
      $daten = mysql_fetch_array($res,MYSQL_ASSOC);
      $res2 = mysql_query("SELECT * FROM testf WHERE ID='$daten[ID]'");
      $anz2 = mysql_num_rows($res2);
      $z = 1;
          while ($z<=$anz2) {
              $daten2 = mysql_fetch_array($res2,MYSQL_ASSOC);
              echo "objSel.form.txtOut.value = $daten2[SzenarioName];";
              $z++;
          }
          $y++;
   }
   ?>
}
//-->
</script>
</head>
<body>
<form name="form" method="post" action="keineahnung.html">
    <select name="select" onChange="changeInput(this)">
    <option value=""> </option>
<?php
include ("dbconnect.php");
 
$res = mysql_query("select * from testf");
$anz = mysql_num_rows($res);
$x = 1;
while ($x<=$anz) {
     $daten = mysql_fetch_array($res,MYSQL_ASSOC);
     echo '<option value="'.$daten[ID].'">'.$daten[SzenarioID].'</option>';
     $x++;
}
?>
</select>
    <input type="text" name="txtOut" value="" />
</form>
</body>
</html>

cycap · 10.10.2008, 10:37

Ich glaub du bringst da was durcheinander, du kannst ein PHP-Script so nicht nach dem Laden der Seite ausführen, dazu brauchst du AJAX.

wiked · 10.10.2008, 10:43

Mhh okay... und wie löse ich das ganze mit AJAX. Habe davon leider keine Ahnung

cycap · 10.10.2008, 10:48

Ai caramba... erstmal grundsätzliches lernen, wie das PHP vor der Rückgabe an den Browser ausgeführt wird und dann suchst du dir ein AJAX-Tutorial, bzw. vorher vielleicht eine erklärung was AJAX überhaupt ist.

wiked · 10.10.2008, 10:54

Naja das PHP Script ist mir klar wie das funktioniert... Nur am AJAX technischen scheiterts leider. Nur habe ich auch leider die Zeit nicht, mich jetzt in AJAX dahingehend einzuarbeiten, damit ich mein Problem heute noch gelöst bekomme

cycap · 10.10.2008, 11:20

Ganz ehrlich: das ist Pech! Du hast natürlich noch die Option jemanden dafür zu bezahlen...

wiked · 13.10.2008, 13:40

Soo nach langer Einarbeitungsphase habe ich es jetzt doch geschaffe... jedoch will ich durch das Dropdown gleich 3 div-tags updaten wo die passende ID in der Datenbank gesucht wird. 1 div-tag funktioniert (Tester), nur die anderen nicht...

Hier einmal die index.php:

PHP-Code:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Test</title>
 
<script src="js/tester.js" type="text/javascript">
</script>
 
<script src="js/szenarioname.js" type="text/javascript">
</script>
 
<script src="js/mandant.js" type="text/javascript">
</script>
 
<link rel="stylesheet" type="text/css" href="css/format.css">
<style type="text/css">
</style>
</head>
<body>
<div>
<table cellspacing="40" cellpadding="2">
 
<tr valign="top">
<td colspan="6">
</td>
</tr>
<tr valign="top">
<td class="1">Szenario ID:</td>
<td>
<form name="form" method="post" action="dbinsert.php">
<select id="dropdown" name="SID" onChange="szenarioname(); tester(); mandant()">
<?php
include 'dbconnect.php'; // Verbindung zur Datenbank herstellen
 
$result = mysql_query("SELECT ID,SzenarioID FROM `testf`; ");
while($row = mysql_fetch_object($result))
{
echo '<option value="'.$row->ID.'">'.$row->SzenarioID.'</option>';
}
?>
</select>
 
</td>
<td>
<div id="szenarioname" name="sname">Szenarioname</div>
</td>
<td><input name="tfid" value="Testfall ID">
</td>
<td>
<div id="tester" name="tester">Tester</div>
</td>
<td>
<div id="mandant" name="mandant">Mandant</div>
</td>
</tr> 
</body>
</html>

Hier die Tester.js:

Code:

function tester() {
         var req;
         try {
                 req = window.XMLHttpRequest?new XMLHttpRequest(): 
                 new ActiveXObject("Microsoft.XMLHTTP"); 
         } catch (e) {
                    //Kein AJAX Support
         } 
 
         req.onreadystatechange = function() {
                   if ((req.readyState == 4) && (req.status == 200)) { 
                              document.getElementById('tester').innerHTML = req.responseText;
                   }
         };
         var id = document.getElementById('dropdown').value;
         req.open('post', 'tester.php');
         req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
         req.send('s='+ id); 
         }

tester.php:

PHP-Code:

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

Mandant.js/php unterscheiden sich eigentlich nicht von tester.js/php nur das halt jeweils ein anderes div angesteuert wird und ein anderes php-file aufgerufen wird!

Hoffe ich habe nichts vergessen!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

LinkBacks (?) LinkBack to this Thread: http://www.php.de/javascript-ajax-und-mehr/48039-textfeld-durch-dropdown-fuellen.html
Erstellt von	For	Type	Datum
text/javascript — Technorati Search	This thread	Refback	15.10.2008 22:41

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Dropdown mit Werten aus mySQL Tabelle füllen		PHP Tipps 2005	18	11.06.2009 10:46
[Erledigt] Formatierung im Textfeld per Formular mit übergeben	PlanLos23	PHP Tipps 2008	2	25.06.2008 09:05
Mehrere abhängige dynamische DropDown Menues erstellen	Cheesy	PHP Tipps 2008	6	17.08.2007 16:41
Wert aus Textfeld in neues Formular übernehmen (kein Submit)	PsychoEagle	HTML, Usability und Barrierefreiheit	9	02.01.2007 14:51
[Erledigt] Problem mit dem Füllen einer Tabelle über Formular		PHP Tipps 2006	18	10.01.2006 12:51
dropdown menu mit array füllen	alias_zappler	PHP Tipps 2005-2	2	04.09.2005 01:37
Dropdown füllen	tommi89	PHP Tipps 2005-2	7	26.08.2005 14:03
Mit JS DropDown Menü füllen?		HTML, Usability und Barrierefreiheit	3	13.06.2005 16:04
dropdown menü mit werten aus db füllen	LA-Finest	PHP Tipps 2005-2	4	10.06.2005 13:19
[Erledigt] Eingabe in Textfeld A, Ausgabe Textfeld B wie?		HTML, Usability und Barrierefreiheit	2	01.06.2005 18:09
Dropdown Menu aus Datenbank füllen		PHP Tipps 2005	9	08.04.2005 14:23
wie kann ich mit php in einem textfeld reinschreiben		PHP Tipps 2005	2	09.03.2005 19:19
[Erledigt] Von textfeld in .txt Datei		HTML, Usability und Barrierefreiheit	4	22.09.2004 22:33
JS: Textfeld in einem andern Frame Füllen		HTML, Usability und Barrierefreiheit	2	12.06.2004 17:48
Zeilenumbruch in Textfeld!	Broadcast	PHP Tipps 2004	2	03.06.2004 12:38

10.10.2008, 10:26
wiked Benutzer Registriert seit: 06.10.2008 Beiträge: 53	Textfeld durch DropDown füllen Ich habe ein Dropdown Feld welches automatisch aus einer MySQL Datenbank gefüllt wird. Jetzt soll diese Auswahl in der Datenbank gesucht werden und der Eintrag der Spalte "SzenarioName" in ein Textfeld geschrieben werden. Es funktioniert auch soweit, dass er den Szenarionamen oben im JS findet nur nicht ins Textfeld einträgt PHP-Code: <html> <head> <script type="text/javascript"> <!-- function changeInput(objSel){ objSel.form.txtOut.value = $daten['']; <?php include ("dbconnect.php"); $res = mysql_query("select * from testf"); $anz = mysql_num_rows($res); $y = 1; while ($y<=$anz) { $daten = mysql_fetch_array($res,MYSQL_ASSOC); $res2 = mysql_query("SELECT * FROM testf WHERE ID='$daten[ID]'"); $anz2 = mysql_num_rows($res2); $z = 1; while ($z<=$anz2) { $daten2 = mysql_fetch_array($res2,MYSQL_ASSOC); echo "objSel.form.txtOut.value = $daten2[SzenarioName];"; $z++; } $y++; } ?> } //--> </script> </head> <body> <form name="form" method="post" action="keineahnung.html"> <select name="select" onChange="changeInput(this)"> <option value=""> </option> <?php include ("dbconnect.php"); $res = mysql_query("select * from testf"); $anz = mysql_num_rows($res); $x = 1; while ($x<=$anz) { $daten = mysql_fetch_array($res,MYSQL_ASSOC); echo '<option value="'.$daten[ID].'">'.$daten[SzenarioID].'</option>'; $x++; } ?> </select> <input type="text" name="txtOut" value="" /> </form> </body> </html>


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

10.10.2008, 10:37
cycap Moderator Registriert seit: 13.02.2008 Beiträge: 6.816 PHP-Kenntnisse: Fortgeschritten	Ich glaub du bringst da was durcheinander, du kannst ein PHP-Script so nicht nach dem Laden der Seite ausführen, dazu brauchst du AJAX.

10.10.2008, 10:43
wiked Benutzer Registriert seit: 06.10.2008 Beiträge: 53	Mhh okay... und wie löse ich das ganze mit AJAX. Habe davon leider keine Ahnung

10.10.2008, 10:48
cycap Moderator Registriert seit: 13.02.2008 Beiträge: 6.816 PHP-Kenntnisse: Fortgeschritten	Ai caramba... erstmal grundsätzliches lernen, wie das PHP vor der Rückgabe an den Browser ausgeführt wird und dann suchst du dir ein AJAX-Tutorial, bzw. vorher vielleicht eine erklärung was AJAX überhaupt ist.

10.10.2008, 10:54
wiked Benutzer Registriert seit: 06.10.2008 Beiträge: 53	Naja das PHP Script ist mir klar wie das funktioniert... Nur am AJAX technischen scheiterts leider. Nur habe ich auch leider die Zeit nicht, mich jetzt in AJAX dahingehend einzuarbeiten, damit ich mein Problem heute noch gelöst bekomme

10.10.2008, 11:20
cycap Moderator Registriert seit: 13.02.2008 Beiträge: 6.816 PHP-Kenntnisse: Fortgeschritten	Ganz ehrlich: das ist Pech! Du hast natürlich noch die Option jemanden dafür zu bezahlen...

13.10.2008, 13:40
wiked Benutzer Registriert seit: 06.10.2008 Beiträge: 53	Soo nach langer Einarbeitungsphase habe ich es jetzt doch geschaffe... jedoch will ich durch das Dropdown gleich 3 div-tags updaten wo die passende ID in der Datenbank gesucht wird. 1 div-tag funktioniert (Tester), nur die anderen nicht... Hier einmal die index.php: PHP-Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Test</title> <script src="js/tester.js" type="text/javascript"> </script> <script src="js/szenarioname.js" type="text/javascript"> </script> <script src="js/mandant.js" type="text/javascript"> </script> <link rel="stylesheet" type="text/css" href="css/format.css"> <style type="text/css"> </style> </head> <body> <div> <table cellspacing="40" cellpadding="2"> <tr valign="top"> <td colspan="6"> </td> </tr> <tr valign="top"> <td class="1">Szenario ID:</td> <td> <form name="form" method="post" action="dbinsert.php"> <select id="dropdown" name="SID" onChange="szenarioname(); tester(); mandant()"> <?php include 'dbconnect.php'; // Verbindung zur Datenbank herstellen $result = mysql_query("SELECT ID,SzenarioID FROM `testf`; "); while($row = mysql_fetch_object($result)) { echo '<option value="'.$row->ID.'">'.$row->SzenarioID.'</option>'; } ?> </select> </td> <td> <div id="szenarioname" name="sname">Szenarioname</div> </td> <td><input name="tfid" value="Testfall ID"> </td> <td> <div id="tester" name="tester">Tester</div> </td> <td> <div id="mandant" name="mandant">Mandant</div> </td> </tr> </body> </html> Hier die Tester.js: Code: function tester() { var req; try { req = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { //Kein AJAX Support } req.onreadystatechange = function() { if ((req.readyState == 4) && (req.status == 200)) { document.getElementById('tester').innerHTML = req.responseText; } }; var id = document.getElementById('dropdown').value; req.open('post', 'tester.php'); req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); req.send('s='+ id); } tester.php: PHP-Code: <?php //Inhalte laden $query = mysql_real_escape_string($_POST['s']); $result = mysql_query("SELECT * FROM `testf` WHERE `ID` = '{$query}'; "); while($row = mysql_fetch_object($result)) { echo '<p />Benutzer: '.$row->Tester; } ?> Mandant.js/php unterscheiden sich eigentlich nicht von tester.js/php nur das halt jeweils ein anderes div angesteuert wird und ein anderes php-file aufgerufen wird! Hoffe ich habe nichts vergessen!