第二个下拉框的值会随着第一个下拉框的改变而改变，反之亦然。

Question

如果我选择第一个框，第二个框将会改变，反之亦然。

echo '<td><select id=hello name=hello onchange=my()>';

while($fet=mysql_fetch_assoc($sql1))
{
echo "<option value=".$fet['username'].">".$fet['username']."</option>";
}
echo '</select></td>';
 echo "<td><div id='myDiv'><select id=id name=id onchange=my1()>";

while($fet=mysql_fetch_assoc($sql1))
{
echo "<option value=".$fet['id'].">".$fet['id']."</option>";
}
echo '</select></div></td>';

- user3386779

---

请粘贴 onchange js 函数。 - Shovan

你的问题是什么？ - Reporter

我不知道怎么写，你能帮我吗？ - user3386779

如果我更改类别名称，则第二个选择框将选择类别ID。如果我选择类别ID，则第一个选择框将选择相关的类别名称。 - user3386779

如果有人发布一个使用JavaScript / jQuery而不是PHP的示例，这是否足够有帮助？ - Blundering Philosopher

Answer 1

      Jquery:
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
      </script>
       <script>
       $(function(){
      $('#name-first').on('change',function(){
      var selIndex= $("#name-first option:selected").index();
      $("#name-second option").eq(selIndex).prop('selected', true);
      });
      });
     $(function(){

      $('#name-second').on('change',function(){
      var selIndex= $("#name-second option:selected").index();
      $("#name-first option").eq(selIndex).prop('selected', true);
      });
       });
    </script>

     //select 1

      <select name="cnoption1" id="name-first" onchange=loadXMLDoc()>';
      $op="select * from t_category";
      $op1=mysql_query($op); while ($row = mysql_fetch_array($op1))
       {
       echo '<option  value='.$row["categoryname"].'>' .$row["categoryname"].'  </option>';
        }
       echo '</select></div></td>';
       //select 2

       echo '<select name="cioption2" id="name-second" class="InputField">';
        $opt="select * from t_category";
        $opt1=mysql_query($opt); while ($row1 = mysql_fetch_array($opt1))
        {
         echo '<option  value='.$row1["categoryid"].'> '.$row1["categoryid"].' </option>'; }
         echo  '</select></p></div></td>';

- user3386779