没有返回

Question

组合框的值下面是我的PHP文件中，有多个选项的下拉框，选择新的菜单上应根据选择

所有的代码是在单一的PHP文件，它是index.php文件

出现

我不想刷新页面或提交应该在选择做价值/点击

我的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 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响应您的组合框的值