dropdown onchange-Methode mit Hilfe von php und javascript

Ich habe 2 dropdown Menüs, Lesen Sie Ihre Daten aus einer MySQL-Datenbank. Ich benutze php für die Verbindung zur Datenbank. Die zweite dropdowns bekommen sollte aufgefüllt, basierend auf der Auswahl, die Sie auf die erste dropdown-Liste. Der Prozess scheint, wie unten zu mir (korrigiert mich wenn ich falsch Liege):

php-Abschnitt Verbindung zur MySQL-Datenbank und füllt dropdown1.
Benutzer wählt einen Wert auf dropdown1 und onchange-Ereignis aufgerufen wird.
innerhalb der onchange-Funktion (das ist javascript), eine Abfrage auf die MySQL-Datenbank zu Holen, Werte von dropdown2 auf der Grundlage der dropdown1 Auswahl(hier ist die php wieder, richtig?).
dropdown2 wird aufgefüllt.

Ich weiß nicht, wie javascript und php zusammen, um diese Aufgabe (Nummer 3 oben). oder vielleicht ist dies nicht die Art, wie es überhaupt zu tun. Bitte beraten!

Hier ist mein code. Wie Sie unten sehen, ich habe eine javascript-Funktion in einem php-code, die ich vermute, ist falsch. Das ist, wo ich stecken geblieben!

<php
$sql="SELECT distinct category FROM table1";
$result=mysql_query($sql);

$optionsCat="";
while($row = mysql_fetch_row($result)){
    $optionsCat.="<option value=\"$row[0]\">$row[0]</option>";
}

function genSubCat($catID){
$sql="SELECT distinct subcategory FROM table1 where category=".$catID;
$result=mysql_query($sql);

$optionsSubCat="";
while($row = mysql_fetch_row($result)){
    $optionsSubCat.="<option value=\"$row[0]\">$row[0]</option>";
}
}

?>
<select name="catDropDown" onChange="genSubCat(this)">
    <option value="0">Select category</option>
    <?php echo $optionsCat?>
</select>
<select name="subcategoryDropDown">
    <option value="0">Select subcategory</option>
    <?php echo $optionsSubCat?>
</select>

Haben Sie versucht, jQuery? es macht diese Art von Dinge leichter, die meisten der Zeit. (Es ist nichts falsch mit der Verwendung von javascript natürlich!)
Nein, habe ich nicht. tatsächlich das ist, was ich versuche zu verstehen. ich bin ein wenig verwirrt bin, was häufiger zu verwenden für eine solche Aufgabe.
sobald ich herausfinde, muss ich trotzdem wissen, wie php-und javascript - /jquery-pass-Werte zueinander (schauen Sie auf die Zahl 3).
jQuery ist einfach nur eine javascript-Bibliothek, so unter es ist immer javascrpit Sie ausführen, es hat ein paar wirklich nützliche Funktionen, die Ihnen helfen können, in dieser Art von Situationen, Wenn Sie möchten, um zu sehen, was es etwa, Sie könnte sich ändern, eines Ihrer tags für jQuery und Lesen Sie den code Menschen beantworten mit, es ist wirklich einfach zu lernen. Als seitliche Anmerkung, ich empfehle posting etwas code von dir mit dem, was Sie versucht zu tun, die Menschen immer schätzen und macht Sie anfälliger für die Antwort.
ich habe gerade meinen code. siehe die main-post bitte!
danke, Trufa! 🙂
Kein problem, check out @ROY ' s Antwort, es ist ziemlich gut.

InformationsquelleAutor saghar | 2012-12-14

Hier haben wir eine einfache Seite mit Eingang auf Sie. Geben Sie ein Wort in es und klicken Sie dann auf aus der Eingabe. Ajax-aufrufen, die myphp.php Skript und zurück, das gleiche Wort, das Sie eingegeben haben unten die ursprüngliche Einteilung.

test.html:

<!DOCTYPE html>
<html lang="en">
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {
$("#faq_search_input").blur(function(){
   var faq_search_input = $(this).val();
   var dataString = 'keyword='+ faq_search_input;
   if(faq_search_input.length>1){
      $.ajax({type: "GET", url: "myphp.php", data: dataString,
              success: function(server_response) {
                 document.getElementById("searchresultdata").style.display = "block";
                 $('#searchresultdata').html(server_response).show();
              }
          });
       }
       return false;
   });
});

</script>
  </head>
  <body>
<div class="searchholder">
    <input  name="query" class="quicksearch" type="text" id="faq_search_input" />
<div id="searchresultdata" class="searchresults" style="display:none;"> </div>
</div>
  </body>
</html>

myphp.php:

 <?PHP
    echo $_GET['keyword'];
 ?>

InformationsquelleAutor ROY Finley

0

Ich denke, Sie sollten zuerst studieren, sich über die Verwendung von web-basierten Sprachen. Der code, den Sie haben, ist völlig falsch. Sie versuchen, den Zugriff von PHP-code über HTML? Ich meine, komm!

Erste Regel: Server-basierten Sprachen nicht die Kommunikation mit Client-basierte Sprachen.

Haben Sie, um Anfragen zu senden und erhalten Antworten und die Art und Weise Sie das tun wollen dropdown-Sache ist zu senden Sie eine Anfrage an ein PHP-code und Holen Sie relevanten Daten aus. Als Trufa sagte im Kommentar, möchten Sie vielleicht zu schauen, jQuery Bibliothek, aber vor, dass ich denke, Sie brauchen, um zu überprüfen,AJAX.
- Hey, jeder hat irgendwo anfangen, auch der Grund, warum ich vorgeschlagen jQuery ist speziell, weil Sie von AJAX, weil AJAZ saugt 🙂 und jQuery macht es einfach dumm...
- Nichts für ungut! Ich wollte nur sagen das, weil es wirklich eine einfache Sache.
InformationsquelleAutor MahanGM

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.