所选项目 - 下拉列表 - SQL

时间:2016-09-12 07:38:50

标签: javascript jquery html drop-down-menu

我有一个下拉列表,我去数据库填写它:

_post

如您所见,我检索下拉列表中选择的项目:

<TH>
    <FORM>
        <p>Département</p>
        <SELECT size="1" id="depart" >
            <OPTION>
            <?php
                try {
                    // Parametres connexion
                    $bdd = new PDO('mysql:host=localhost;dbname=db', 'root', '') or die ("Impossible de se connecter au serveur où est stocké la Base de Données.");
                    // Requête
                    $resultats = $bdd -> query("SELECT DISTINCT Departement                                                                         FROM adresse                                                                                    ORDER BY Departement ASC");
                    // Tant qu'il y a des enregistrements, remplir la liste déroulante
                    while($d = $resultats->fetch()) 
                    {
                        echo '<option value="'.$d["Departement"].'">'.$d["Departement"].'</option><br/>';
                    }
                }
                catch(PDOException $e){
                    echo 'Erreur : ' . $e->getMessage();
                }
            ?>
            </OPTION>
        </SELECT>

        <!-- jQuery : Récupère le departement choisi -->
        <script>
            var departement_ = '';
            $('#departement').change(function departement() {departement_ = $('#departement option:selected').first().attr('value');

            // Display on input named "pu"
            // $('#pu').val(depart_);

            });
        </script>
    </FORM>
</TH>

你可以再看一次,我检索所选的项目。

让我恢复。第一个列表用于为用户选择部门。为此,我执行SQL请求。然后,我检索所选的项目。我把它放在jQuery的var中(查看我的代码)。并且我希望填写第一个下拉列表中所选项目功能的第二个下拉列表,因为每个部门都列出了&#34; Code Postal(在法国)&#34; (或ZipCode for english)将会改变。

你能帮我吗?

1 个答案:

答案 0 :(得分:0)

您可以在没有ajax的情况下执行此操作,例如在解决方案中,但您必须同时执行两个查询,并在javascript中执行逻辑,而不是每次在选择列表中进行更改时都执行新的SQL查询。

如果你有大量的结果,那么使用ajax比一次加载所有数据更好。

其余代码的建议很少: *不要使用大写的html标签 *不要在一个文件中多次连接到同一个mysql数据库 *尝试分离PHP,JavaScript和HTML / CSS代码

VirtualAlloc