php - 即时更改选择菜单选项

Question

我的注册看起来像这样:

<input type="radio" value="a">a
<input type="radio" value="b">b


<select name="group">
<?php
for ($i=1; $i<=4; $i++)
{
    echo '<option value="'.$i.'">'.$i.'</option>';
    }
?>
</select>

我想做的是，如果选择 a，“组”选择菜单选项将在 [1;4] 范围内，如果选择 b，则 [5;9]。如何即时更改 php？用js可以吗？

Answer 1

首先应该给单选按钮起一个通用的名字，这样它们才能像单选按钮一样工作。

标记更改

<input type="radio" name="selectGroup" value="a">a
<input type="radio" name="selectGroup" value="b">b

JS

$(function(){

   $("input[name=selectGroup]").change(function(){
      var $select = $("select[name=group");
      var start = $("input[name=selectGroup]:checked").val() == "a"?1:4;
      var end = start + 4;
      $select.empty();
      for(;start < end;start++){
        $select.append("<option value='"+start+"'>"+start+"</option");
      }
   });


});