填充第二 <select>根據第一個下拉<select>下拉選項

Question

我試圖根據第一個選定的下拉選項填充第二個下拉菜單。

到目前為止，這是我的工作：

form.php-我使用javascript調用getgeneral.php 。 當用戶從（第一個） 下拉菜單中進行選擇時，將顯示第二個下拉菜單：

<html>
<head>
<script type="text/javascript">
function get_states() { // Call to ajax function
    var classitem = $('#classitem').val();
    var dataString = "classitem="+classitem;
    $.ajax({
        type: "POST",
        url: "getgeneral.php",
        data: dataString,
        success: function(html)
        {
            $("#get_general").html(html);
        }
    });
}
</script>
</head>
<body>

<form action="" method="POST">

<?php 

include('conn.php');

$result=mysqli_query($con,"SELECT * FROM classtable");

?>

<select id="classitem" name="classitem" onchange="get_states();">
<option value=''>Select</option>
<?php 

while ($row = mysqli_fetch_array($result)) {
    echo "<option value='" . $row['genclasscode'] . "'>" . $row['description'] . "</option>";}

?>
</select>

<div id="get_general"></div>

</form>

</body>
</html>

這是getgeneral.php ，它將在其中從第一個下拉列表中獲取數據：

<?php

include('conn.php');

if ($_POST) {
    $classitem = $_POST['classitem'];
    if ($classitem != '') {

       $result1=mysqli_query($con,"SELECT * FROM generalclass WHERE genclasscode='$classitem'");

       echo "<select name='classitem'>";
       echo "<option value=''>Select</option>"; 
       while ($row = mysqli_fetch_array($result1)) {
          echo "<option value='" . $row['specclassid'] . "'>" . $row['description'] . "</option>";}
       echo "</select>";
    }
    else
    {
        echo  '';
    }
}

?>

問題： 第二個下拉列表不會顯示。 運行form.php時沒有出現錯誤

Answer 1

很抱歉回到這個問題為時已晚。

問題是我忘記在代碼中包含jQuery 。

我在<head> </head>部分之間包含了這樣的jQuery ：

<link rel="stylesheet" type="text/css" href="jquery-ui-1.10.4.custom/css/custom-theme/jquery-ui-1.10.4.custom.min.css">
<script src="jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

感謝Bryan和Chitowns24在上述評論。

填充第二 <select>根據第一個下拉<select>下拉選項

問題描述

1 個解決方案

解決方案1
1 已采納 2014-06-09 08:11:01

填充第二 <select>根據第一個下拉<select>下拉選項

問題描述

1 個解決方案

解決方案1 1 已采納 2014-06-09 08:11:01

解決方案1
1 已采納 2014-06-09 08:11:01