將數據從javascript發布到php

Question

我的網頁中有兩個下拉菜單，其中選擇了經理和項目。

如果我選擇任何經理，那么我想獲得分配給特定經理的項目。

我想，如果沒有javascript和ajax的幫助，我將無法做到這一點。

因此，我已將選擇的manager值傳遞給javascript文件，然后再次使用ajax發布了該值。 但似乎代碼無法正常工作。

這是我的PHP代碼。

<form method="post" action="<?php $_PHP_SELF ?>">
    Select Manager <select id='managed' name="managed" onchange="getManager()">
                       <option value="">---select---</option>
<?php 
    $conn=mysqli_connect('localhost','root','root','projmanagement'); 
    $result=mysqli_query($conn,'SELECT manager_id,manager_name FROM manager'); 
    while($row=mysqli_fetch_assoc($result)) { 
        echo "<option value='$row[manager_id]'>$row[manager_name]</option>"; 
    } 
?>
                    </select>
            Select Project <select name="projectsd">
                               <option value="">---select---</option>
<?php          
    $temp = $_POST['managed'];
    var_dump($temp);
    die();
    $result1=mysqli_query($conn,'SELECT project_id,project_name FROM project inner join manager on project.m_id=$temp'); 
    while($row1=mysqli_fetch_assoc($result1)) { 
        echo "<option value='$row1[project_id]'>$row1[project_name]</option>"; 
    } 
?> 

這是我的JavaScript代碼。

function getManager() {
    var myvar=document.getElementById('managed').value;

    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById("managed").innerHTML = xhr.responseText;
        }
    }
    xmlhttp.open("POST","TaskMaster.php",true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send("managed=" + myvar);
}

我是php和javascript的初學者。

請給我一個解決我的問題的想法。

Answer 1

嘗試這個 ：

<form method="post" action="<?php $_PHP_SELF ?>">
    Select Manager <select id='managed' name="managed" onchange="getManager()">

        <option value="">---select---</option>
<?php 
        $conn=mysqli_connect('localhost','root','root','projmanagement'); 
        $result=mysqli_query($conn,'SELECT manager_id,manager_name FROM manager'); 
        while($row=mysqli_fetch_assoc($result)) { 
            echo "<option value='$row[manager_id]'>$row[manager_name]</option>"; 
        } 
        ?> </select>
        Select Project <div id="project_container"><select name="projectsd"></div>

JS：

function getManager()
{
var myvar=document.getElementById('managed').value;

   var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {

   document.getElementById("project_container").innerHTML = xhr.responseText;
 }
 }
 xmlhttp.open("POST","TaskMaster.php",true);
 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 xhr.send("managed=" + myvar);
   }