комбо значение окно не возвращает

Question

Ниже мой файл PHP, есть выпадающий с несколькими вариантами на выбор нового меню должен появиться в соответствии с выбором

Весь код находится в одном файле PHP, который index.php

Я не хочу, чтобы обновить страницу или отправить значение это должно быть сделано по выбору/нажмите

My URL выглядеть следующим образом

http://localhost/lms/grade/report/userdef/index.php?id=13 

и в компьютерной фи ле расположен в

C:\xampp\htdocs\lms\grade\report\userdef 

это только для уточнения, так как JQuery нужны пути и вещи, которые я не очень хорошо с

Это мой код для полей со списком и выбор

<?php 
$change; 
if(isset($_GET['combo_1'])) 
{ 
echo $change = $_GET['combo_1']; 
} 

echo '<select name="combo" id="combo_1">'; 
echo '<option value="2">Submative</option>'; 
echo '<option value="1">formative</option>'; 
echo '<option value="3">successive</option>'; 
echo '</select>'; 
?> 
<br> 
<?php 
if ($change==='1' or $change==='2') 
{ 
$quizzes....// query for quezzes one 
echo '<select id="combo_2">'; 
echo '<option value=" " selected="selected">Choose....</option>'; 
} 
foreach($quizzes as $id2 => $name) { 
    echo '<option value=' . $id2 . '>' . $name . '</option>'; 
} 
echo '</select>'; 
    } 

if ($change==='2') 
{ 
quizzes2//query for quizes 
echo '<select id="combo_3">'; 
echo '<option value=" " selected="selected">Choose....</option>'; 

foreach($quizzes2 as $id3 => $name2) { 
    echo '<option value=' . $id3 . '>' . $name2 . '</option>'; 
} 
echo '</select>'; 
} 

if ($change==='3') 
{ 
// another menu 
} 
//////more functionality 

Я пытаюсь чтобы вернуть значение, выбранное с использованием следующего javascript, но ничего не происходит, его значение не возвращается

Весь код находится в одном файле index.php:

<script type="text/javascript"> 
$(document).ready(function() { 

    $('#combo_1').change(function(){ 
     var combo_1 = $(this).val(); 
     $.ajax({ 
       type: 'GET', 
       url: 'index.php', 
       data: {'combo_1':combo_1}, 
       success: function(data){ 
        alert(data) 
       } 
      }); 
    }); 

}); 

</script> 

Answer 1

Вот рабочий код:

PHP КОД:

<?php 
$comboBoxval = ''; 
// Check Ajax Request 
if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') { 
    // If combo_1 exist 
    if (isset($_GET['DDBV'])) { 
     // simple 
     echo $comboBoxval = $_GET['DDBV']; 
     exit; 
    }  
} 
?> 

кода Java Script:

<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#combo_1').change(function(){ 
     var DDBV = $(this).val(); 
     $.ajax({ 
       type: 'GET', 
       url: 'test.php', 
       data: {'DDBV':DDBV}, 
       success: function(data){ 
        // show ajax output to next     
        //$('#combo_1').after(data); 
        console.log(data); 
       } 
      }); 
    }); 

}); 
</script> 

HTML код:

<select name="combo" id="combo_1"> 
    <option value="2">Submative</option> 
    <option value="1">formative</option> 
    <option value="3">successive</option> 
</select> 

Теперь вы получите значение поля со списком в Ajax ответ