Question

我正在尝试让第二个下拉框更改并填充第一个框有一辆汽车选择。它连接到数据库就好了，如果我在第二个下拉列表中输入'Honda'而不是'carmake3'，那么它会给我一个所有本田汽车的列表。我只需要根据用户选择的内容开展工作。任何帮助都将非常感谢！

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<form action="step-3" method="post">
Car 3
</div>

<?php
mysql_connect('localhost', '**********', '**********');
mysql_select_db('**********');
$sql = "SELECT Make FROM CarMakes";
$result = mysql_query($sql);
echo "<select name='carmake3'>";
 echo "<option value='Make'>Make</option>"; 
while ($row = mysql_fetch_array($result)) {
    echo "<option value='" . $row['Make'] . "'>" . $row['Make'] . "</option>";}
echo "</select>";
?>

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('carmodel3').change(function() {
        jQuery('carmake3').change();
    });
});
</script>

<?php
mysql_connect('localhost', '**********', '**********');
mysql_select_db('**********');
$sql1 = "SELECT * FROM myTable WHERE Make='carmake3'";
$result1 = mysql_query($sql1);
echo "<select name='carmodel3'>";
  echo "<option value='Model'>Model</option>"; 
while ($row = mysql_fetch_array($result1)) {
  echo "<option value='" . $row['Model'] . "'>" . $row['Model'] . "</option>";}
echo "</select>";
?>
<input type="text" maxlength="4" name="car3year" placeholder="year" class="WriteInBox"/>

<input type="text" maxlength="6" name="car3miles" placeholder="miles" class="WriteInBox"/>

</div>

</form>

Answer 1

为Make

执行下面给出的html

$sql = "SELECT Make FROM CarMakes";
$result = mysql_query($sql);
<select id="carmake3" name='carmake3' onchange="get_makes();">
<option value='Make'>Make</option>
<?php while ($row = mysql_fetch_array($result)) {
    echo "<option value='" . $row['Make'] . "'>" . $row['Make'] . "</option>";}
?>
</select>
<div id="get_car_make"></div> // Sub will be appended here using ajax

写一个ajax函数get_makes（）;

<script type="text/javascript">
function get_makes() { // Call to ajax function
    var carmake3 = $('#carmake3').val();
    var dataString = "carmake3="+carmake3+"&redirecturl="+redirecturl;
    $.ajax({
        type: "POST",
        url: "getcarmakenames.php", // Name of the php files
        data: dataString,
        success: function(html)
        {
            $("#get_car_make").html(html);
        }
    });
}
</script>

文件getcarmakenames.php - 将从下面的文件中获取子文件，该文件将附加到div

if ($_POST) {
    $carmake3 = $_POST['carmake3'];
    if ($carmake3 != '') {
       $sql1 = "SELECT * FROM myTable WHERE Make='carmake3'";
       $result1 = mysql_query($sql1);
       echo "<select name='carmodel3'>";
       echo "<option value='Model'>Model</option>"; 
       while ($row = mysql_fetch_array($result1)) {
          echo "<option value='" . $row['Model'] . "'>" . $row['Model'] . "</option>";}
       echo "</select>";
    }
    else
    {
        echo  '';
    }
}

使用JQuery从mysql DB更改第二个下拉选择框

1 个答案: