sql >> Database >  >> RDS >> Mysql

Kan geketende vervolgkeuzelijst niet vullen met Ajax en Javascript

Ik zou 2 wijzigingen aanraden -

1. Laad uw categorieselectie-opties bij het laden van de pagina, in plaats van onclick . te gebruiken .
-Voeg onload="getcategory()" aan je body-tag.

2. Laad uw SubCategory-selectieopties bij wijziging van categorie.
-Voeg onchange="getsubcategory(this)" toe naar uw <select id="category"> , en verwijder de onclick="getsubcategory(cat)" van uw <select id="subcat" >
-Gebruik vervolgens var catval = cat.options[cat.selectedIndex].value; in uw getsubcategory() om de geselecteerde waarde te krijgen.

Het zou er nu uitzien als -

...
<!DOCTYPE html>
<html>
  <head>
    <script>
    function getcategory() {
      var xmlhttp;
      if(window.XMLHttpRequest) {
        //code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp= new XMLHttpRequest();
      } else {
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange=function() {
        if(xmlhttp.readyState==4 && xmlhttp.status==200) {
          document.getElementById("category").innerHTML=xmlhttp.responseText;
        }
      }
      xmlhttp.open("GET","AddItemCat.php","true");
      xmlhttp.send();
    }
    function getsubcategory(cat) {
      var xmlhttp;
      var catval = cat.options[cat.selectedIndex].value;
      if(window.XMLHttpRequest) {
        //code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp= new XMLHttpRequest();
      } else {
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange=function() {
        if(xmlhttp.readyState==4 && xmlhttp.status==200) {
          document.getElementById("subcat").innerHTML=xmlhttp.responseText;
        }
      }
      xmlhttp.open("GET","AddItemSubCat.php?cat="+catval,"true");
      xmlhttp.send();
    }
  </script>
</head>
<body onload="getcategory()">
  <form action="<?PHP echo $_SERVER['PHP_SELF'] ?>" name="additem" enctype="multipart/form-data" method="POST">
    <table>
    <tr>
      <td>Select Category: </td>
        <select id="category" onchange="getsubcategory(this)">
          <option value=""></option>
        </select>
      </td>
    </tr>
    <tr>
      <td>Select SubCategory</td>
      <td>
        <select id="subcat">
          <option value=""></option>
        </select>
      </td>
    </tr>
  </table>
  </form>
</body>
</html>



  1. In JavaFX hoe combobox met gegevens in tabelweergave toe te voegen

  2. 2 manieren om een ​​nieuwe regel in een string in SQLite in te voegen

  3. Hoe de weergave in MySQL te updaten

  4. pgroonga installeren op macosx (met Postgres.app)