当perID下拉菜单中选中的内容改变时（即onchange事件发生）其他所有输入框的内容均可以变换成对应学生的信息（过程应该使用js/JQuery实现

）。

以下是一个示例代码，可以根据自己的实际情况进行修改和调整：

HTML代码：

<label for="perID">选择学生：</label>
<select id="perID" name="perID">
  <option value="1">小明</option>
  <option value="2">小红</option>
  <option value="3">小刚</option>
</select>

<div>
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name">
</div>

<div>
  <label for="age">年龄：</label>
  <input type="text" id="age" name="age">
</div>

<div>
  <label for="gender">性别：</label>
  <input type="text" id="gender" name="gender">
</div>

JavaScript代码：

$(document).ready(function() {
  // 定义一个对象，存储每个学生的信息
  var students = {
    1: {
      name: "小明",
      age: 18,
      gender: "男"
    },
    2: {
      name: "小红",
      age: 17,
      gender: "女"
    },
    3: {
      name: "小刚",
      age: 19,
      gender: "男"
    }
  };

  // 监听perID下拉菜单的变化
  $("#perID").change(function() {
    // 获取选中的学生的ID
    var selectedID = $(this).val();
    
    // 根据ID获取学生的信息
    var selectedStudent = students[selectedID];
    
    // 将学生的信息填充到对应的输入框中
    $("#name").val(selectedStudent.name);
    $("#age").val(selectedStudent.age);
    $("#gender").val(selectedStudent.gender);
  });
});

以上代码中，我们首先定义了一个对象students，用来存储每个学生的信息。然后，我们监听perID下拉菜单的变化事件，当选中的内容发生变化时，就根据选中的学生的ID从students对象中获取对应的学生信息，并将信息填充到对应的输入框中。