Question

我有以下代码：

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

<? $d -> gettreatment(); ?>

将显示echo "<option value='$r[id]'>$r[cat]</option>";

和<? $d -> gettreat(); ?>

将显示echo "<option value='$r[id]'>$r[treatment]</option>";

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

Answer 1

<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>

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

1 个答案: