填充取决于使用Ajax另一个下拉选择下拉列表 [英] Populate Dropdown list depending on another Dropdown selection using Ajax

问题描述

我需要选择取决于其他ID的ID。 我用我自己做的东西，但它不能正常工作，所以我张贴了code，也许我有一些错误的。选择第一个选项的载体，并在第二个选项中选择，我所选择的车辆的模型。 谢谢！

  //配置文件

＆LT; PHP

$主机='localhost'的;
$ utilizator ='钉';
$帕罗拉='钉';
$ numebd ='autodealer';

$康恩=的mysql_connect（$主机，$ utilizator，$帕罗拉）;
如果（$康恩！）{回声＆LT; H4＆GT;！连接＆LT; / H4＆GT;'; }

如果（！mysql_select_db（$ numebd，$康恩））{
   回声'＆LT; H4＆GT;想不出连接数据库：。 mysql_errno（）。 ：。 mysql_error（）。'＆LT; / H4＆GT;';
}

mysql_set_charset（UTF-8，$康恩）;
？＆GT;


// HTML的code

＆LT; H2＆GT;＆LT;强＆GT;车＆LT; / STRONG＆GT;数据＆LT; / H＆GT;
    ＆LT; D​​IV CLASS =select_wrapper＆GT;
    ＆LT;形式的行动=的方法=邮报名称=anuntID =f_anunt＆GT;
        ＆LT;标签＆gt;＆LT;跨度＆GT; *＆LT; / SPAN＆GT;＆LT;强＆GT;制造商：＆LT; / STRONG＆GT;＆LT; /标签＆gt;
        ＆LT;选择类=select_5NAME =马卡报ID =马卡报＆GT;
            ＆LT; PHP
                $结果= mysql_query（选择id_marca，denumire从马尔西ORDER BY ORDINE）;
                而（$行= mysql_fetch_array（$结果））{
                    回声（＆LT;期权价值='$行['id_marca'。＆gt;中$行['denumire']。＆LT; /选项＆gt;中）;
                }
            ？＆GT;
        ＆LT; /选择＆GT;
        ＆LT; / DIV＆GT;
        ＆LT; D​​IV CLASS =select_wrapper＆GT;
        ＆LT;标签＆gt;＆LT;跨度＆GT; *＆LT; / SPAN＆GT;＆LT;强＆GT;型号：LT; / STRONG＆GT;＆LT; /标签＆gt;
            ＆LT;选择类=select_5NAME =模式ID =模式＆GT;
                ＆LT; PHP
                    $结果= mysql_query（选择id_model，denumire从MODELE WHERE id_marca = 1）;
                    而（$行= mysql_fetch_array（$结果））{
                        回声（＆LT;期权价值='$行['id_model'。＆gt;中$行['denumire']。＆LT; /选项＆gt;中）;
                    }
                ？＆GT;
            ＆LT; /选择＆GT;
        ＆LT; / DIV＆GT;

//该PHP文件

＆LT; PHP
include_once（config.php文件）;

$ id_marca = $ _ POST ['id_marca'];

$ sir_sql =SELECT id_model，denumire从MODELE WHERE id_marca = $ id_marca;

如果（$康恩（））
    {
        $结果= mysql_query（$ sir_sql，$康恩）;

        而（$行= mysql_fetch_array（$结果））
           回声（＆LT;期权价值='$行['id_model'。＆gt;中$行['denumire']。＆LT; /选项＆gt;中）;

    }
    其他
        死亡（'Comanda incorecta：LT; BR＆GT;'mysql_error（））;
？＆GT;

// JavaScript的code

$（＃马卡报）改变（get_model）。

    功能get_model（五）
{
    $。员额（ajax_get_model.php，{id_marca：$（本）.VAL（）}，功能（数据，状态）
        {
            $（＃模式）HTML（数据）; //双关语modelele
        }）;
}
 

解决方案

有几个职位上 SO 关于这个话题。请阅读这些主题第一，希望这些将帮助 -

1. <一个href="http://stackoverflow.com/questions/19039740/populate-one-dropdown-list-based-on-the-selection-of-other-dropdown-list">Populate根据其他下拉列表
选择1下拉列表
2. <一个href="http://stackoverflow.com/questions/18755872/jquery-show-hide-drop-down-options-based-on-another-drop-down-option">jQuery基于另一个下拉选项显示/隐藏下拉选项

最后，您可以检查这里的教程的基础上下拉选择来填充下拉...

教程这里的 | 的的演示这里的

I need to select an id depending on another id. I made by myself something but it is not working, so I am posting the CODE, maybe i have something wrong in it. Select the first option a vehicle, and in the second option select a model of the vehicle that I selected. Thanks!

//The config file

<?php

$host = 'localhost';         
$utilizator = 'stud';         
$parola = 'stud';         
$numebd = 'autodealer';      

$conn = mysql_connect($host, $utilizator, $parola);
if (!$conn) { echo '<h4>Connected!</h4>'; }

if (!mysql_select_db($numebd, $conn)) { 
   echo '<h4>Couldnt connect database : '. mysql_errno(). ' : '. mysql_error().'</h4>'; 
}

mysql_set_charset('utf8', $conn);
?>


//The HTML code

<h2><strong>Vehicle</strong> data</h2>
    <div class="select_wrapper">
    <form action="" method="post" name="anunt" id="f_anunt">
        <label><span>* </span><strong>Manufacturer:</strong></label>
        <select class="select_5" name="marca" id="marca">                           
            <?php
                $result = mysql_query("SELECT id_marca, denumire FROM marci ORDER BY ordine");
                while($row = mysql_fetch_array($result)) {
                    echo ("<option value='".$row['id_marca']."'>".$row['denumire']."</option>");
                }
            ?>
        </select>
        </div>
        <div class="select_wrapper">
        <label><span>* </span><strong>Model: </strong></label>
            <select class="select_5" name="model" id="model">
                <?php                                   
                    $result = mysql_query("SELECT id_model, denumire FROM modele WHERE id_marca=1");
                    while ($row = mysql_fetch_array($result)) {
                        echo ("<option value='".$row['id_model']."'>".$row['denumire']."</option>");
                    }
                ?>
            </select>
        </div>

//The PHP file

<?php
include_once("config.php");

$id_marca = $_POST['id_marca'];

$sir_sql="SELECT id_model, denumire FROM modele WHERE id_marca=$id_marca ";

if ($conn())
    {               
        $result=mysql_query($sir_sql,$conn);

        while ($row = mysql_fetch_array($result))       
           echo ("<option value='".$row['id_model']."'>".$row['denumire']."</option>");

    }
    else 
        die('Comanda incorecta:<br> ' . mysql_error()); 
?>

//The Javascript code

$("#marca").change(get_model);

    function get_model(e)
{
    $.post("ajax_get_model.php",{id_marca:$(this).val()},function(data,status)
        {   
            $("#model").html(data); // pun modelele 
        });
}

解决方案

There are several post on SO about this topic. Please, read these topics first, hope these will help-

1. Populate one dropdown list based on the selection of other dropdown list
2. jQuery show/hide drop-down options based on another drop-down option

Finally, you can check the tutorial here to populate dropdown based on dropdown selection...

Tutorial Here | Demo Here

这篇关于填充取决于使用Ajax另一个下拉选择下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！