jQuery Combobox 和数据库问题

Question

我的 jquery 和组合框有问题。我希望当我按下按钮时，jQuery 使用我的组合框的选定值并在我的数据库中找到一些东西。到目前为止什么都没有发生。

这是我的代码。我尝试了很多在 Google 上找到的解决方案，但没有任何效果。

HTML：

<select id="choix" name="choix">
    <?php 
        $db = mysql_connect('localhost', 'root', 'root'); 
        mysql_select_db('Projet',$db); 

        $sql = 'select NomPromo, NumPromo from Promo';
        $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());

        while ($data = mysql_fetch_array($req)){
            echo'<option value="'.$data['NumPromo'].'">'.$data['NomPromo'].'</option>';
        }
    ?>  
</select>
<a class="btn btn-primary" id="find" name="find" value="find" data-role="button" type="find">Chercher</a>

jQuery :

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

            <?php

                $db = mysql_connect('localhost', 'root', 'root'); 
                mysql_select_db('Projet',$db); 
                $promo = ('#choix option:selected').val();

                $sql = "select Nom from User where Groupe='".$promo."'";

                echo '<div class="row">';
                while ($data = mysql_fetch_array($req)){
                    echo $data['Nom'];
                }
                echo'<div class="row">';

            ?>

        });
    });
</script>

Answer 1

在 javascript 中使用 jquery - 而不是 php 并将 php 提供给 jquery 代码

<script type="text/javascript">
$(document).ready(function(){
    $("#find").click(function() {
        $.ajax({
          type:'POST',
          url:'data.php',
          data:'id='+ID,
          success:function(html){
            $('.tutorial_list').append(html);}
        }); 
    });
});

在你的data.php中你可以使用

<?php 
    $db = mysql_connect('localhost', 'root', 'root'); 
    mysql_select_db('Projet',$db); 

    $sql = 'select NomPromo, NumPromo from Promo';
    $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());

    while ($data = mysql_fetch_array($req)){
        echo'<option value="'.$data['NumPromo'].'">'.$data['NomPromo'].'</option>';
    }
?>