Javascript 根据另一个下拉列表中的选定选项更改下拉列表中的项目

我有以下代码：

<select name="trec">
<? $d -> gettreatment(); ?>
</select>
<select name="treratment">
<? $d -> gettreat(); ?>
</select>

将显示echo$r[cat]

及

将显示echo$r[治疗]

---

如何根据第一个选定项目中的选定项目动态缩小或限制第二个下拉列表中的项目？例如，如果我们在第一个下拉列表中有一个国家列表，在第二个列表中有一个州列表，那么一旦从国家列表中选择了美国，那么第二个列表应该更改为仅列出美国的州

这是javascript问题还是php问题？如果是前者，除非第一个下拉列表是发布到另一个页面，否则请显示生成的HTML。我需要JavaScript…请显示生成的HTML第二个选择标记将显示来自MySQL的数据

<script type="text/javascript">
    $(function() {
      $("#form_process").click(function() {
        //$("#choice").val(); //you cannot use the same id for more than 1 tag
        var choice = 0; 
             if(document.getElementById("choice1").checked) choice='Yes';
        else if(document.getElementById("choice2").checked) choice='No';
        else if(document.getElementById("choice3").checked) choice='Dont Know';

        var comments = document.getElementById('comments').value; //$("#comments").val();
        var dataString = 'choice='+ choice + '&comments=' + comments;

        $.ajax({
          type: "POST",
          url: "**ABSOLUTE URL TO PROCESSOR**",
          data: dataString
        });
     });
   });
</script>