Question

我有两张桌子，

状态StCode，StateName

2.disdis DistCode，StCode，DistrictName

我的第一个下载代码

<td><label for="studentstate"></label>
      <select name="studentstate" id="studentstate">
        <?php
                $con=mysql_connect("localhost","root","");
                if(!$con)
                    {   
                    die('could not connect:'.mysql_error());
                    }

                    mysql_select_db("db_loan",$con);

                    $sqlstr="select StCode,StateName from state";

                    $result=mysql_query($sqlstr);

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

                    }
                    echo $sccode=$row['StCode'];

            ?>
      </select></td>

现在我尝试关注第二个下拉列表，我想显示地区名称

    <div id="result">
        <input type="button" value="Reload"></input>
          <select name="studentdist" id="studentdist">
          <?php 

          $con=mysql_connect("localhost","root","");
                    if(!$con)
                        {   
                        die('could not connect:'.mysql_error());
                        }

                        mysql_select_db("db_loan",$con);

                        $sqlstr="select DistCode,DistrictName from district where StCode='$sccode'";

                        $result=mysql_query($sqlstr);

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

                        }
                    //  echo $sccode=$row['DistCode']; 
          ?> 
          </select></td>
</div>

现在，如果我在从下拉列表中选择第一个值时重新加载我的div应该做什么

如果您知道，请告诉我如何在不使用ajex或jquery的情况下进行操作

在阅读了mirza的建议之后，我已将我的代码更新为如下，但仍然无法正常工作

</head>
    <script type="text/javascript">


    $("#studentstate").change(function() 
    {
      $("#studentdist").load("pag1.php?choice=" + $("#studentstate").val());
    });

    </script>


    <body>

Answer 1

你需要一些JQuery Basic来完成这项任务

<script type="text/javascript">
$("#first-choice").change(function() {
  $("#second-choice").load("getter.php?choice=" + $("#first-choice").val());
});
</script>

getter.php替换为您的php页面名称，它将起作用

选择fisrt下拉值时，第二个下拉列表不会填充

1 个答案: