PHP AJAX Drop Down с использованием JSON

Я пытаюсь получить ссылку два выпадающего с помощью ajax с данными в формате json. Я попробовал следующий код, но он показывает только пустое раскрытие для отделов, а также проектов. Я не уверен, где мой код ошибочен.PHP AJAX Drop Down с использованием JSON

код главной страницы index.php приводится ниже:

<?php 
include_once("includes/connection.php");?> 
<html><head> <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script type="text/Javascript"> 
    function showdept(){ 
     $('#deptdropdown').empty(); 
     $('#deptdropdown').append("<option> Loading...</option>"); 
     $('#projectdropdown').append("<option value='0'> All Projects </option>"); 

     $.ajax({ 
      type:"POST", 
      url:"departmentdropdown.php", 
      contentType:"application/json; charset:utf-8", 
      dataType:"json", 
      success: function(data){ 
       $('#deptdropdown').empty(); 
       $('#deptdropdown').append("<option value='0'> All Departments </option>"); 
       $.each(data,function(i,item){ 
        $('#deptdropdown').append('<option value="'+ data[i].deptID +'">'+ data[i].deptname +'</option>'); 
       }); 
      }, 
      complete: function(){ 
      } 
     }); 
    } 

    function showproject(departmentID){   
     $('#projectdropdown').empty(); 
     $('#projectdropdown').append("<option> Loading...</option>"); 
     $.ajax({ 
      type:"POST", 
      url:"projectdropdown.php", 
      contentType:"application/json; charset:utf-8", 
      dataType:"json", 
      success: function(data){ 
       $('#projectdropdown').empty(); 
       $('#projectdropdown').append("<option value='0'> All Projects </option>"); 
       $.each(data,function(i,item){ 
        $('#projectdropdown').append('<option value="'+ data[i].projectID +'">'+ data[i].projectname+'</option>'); 
       }); 
      }, 
      complete: function(){ 
      } 
     }); 
    } 

    $(document).ready(function(){ 
     showdept(); 
     $("#deptdropdown").change(function(){ 
      var deptid= $("#deptdropdown").val(); 
      showproject(deptid); 
     }); 
    }); 
</script></head><body> <span>Departments</span><br /> 
<select id="deptdropdown"></select> 
<br /><br /> 
<span>Projects</span><br /> 
<select id="projectdropdown"></select> </body></html>

Код для файла departmentdropdown.php, как показано ниже:

<?php 
include_once("includes/connection.php"); 
$query=" SELECT deptID, deptname FROM departmentdetails WHERE active_status=1 ORDER BY deptname"; 
$result=mysqli_query($con,$query); 
    $data=array(); 
    while($array=mysqli_fetch_assoc($result)){ 
     $data[] = array('deptID' => $array['deptID'], 'deptname' => $array['deptname']); 
    } 
    header('Content-type: application/json'); 
    echo json_encode($data);?>

Код для файла projectdropdown.php как показано ниже:

<?php 
include_once("includes/connection.php"); 

$query="SELECT projectID, deptID projectname FROM projectdetails WHERE active_status=1 AND deptID='".$_GET['departmentID']."' ORDER BY projectname"; 
$result=mysqli_query($con,$query); 
    $data=array(); 
    while($array=mysqli_fetch_assoc($result)){ 
     $data[] = array('proID' => $array['projectID'], 'depID' => $array['deptID'], 'projectname' => $array['projectname']); 
    } 
    header('Content-type: application/json'); 
    echo json_encode($data);?>

источник

2015-05-08 Maulik

отсутствует + после data[i].deptID и data[i].projectID .Кнопкой следующий

showdept()

$('#deptdropdown').append('<option value="'+ data[i].deptID '">'+ data[i].deptname +'</option>');

showproject(departmentID)

$('#projectdropdown').append('<option value="'+ data[i].projectID'">'+ data[i].projectname+'</option>');

showdept()

$('#deptdropdown').append('<option value="'+ data[i].deptID +'">'+ data[i].deptname +'</option>');

showproject(departmentID)

$('#projectdropdown').append('<option value="'+ data[i].projectID +'">'+ data[i].projectname+'</option>');

источник

2015-05-08 07:52:52 AVM

ли изменения, предложенные, ныне Департамент показывает «Загрузка ..» в то время как проект показывает «Все проекты» – Maulik

вы добавив, что «Loading ..», как вариант, делает отдел выпадающее меню имеет в себе какое-либо другое значение? – AVM

Да, он должен извлекать значения из базы данных. – Maulik

PHP AJAX Drop Down с использованием JSON

ответ

Смежные вопросы