我有一個帶有選擇框的表單，當我選擇一個選項時。我希望它顯示輸入和輸入字段。我已經通過其中一個選擇框上的更改事件偵聽器很好地完成了此操作。我的問題是我有 4 個選擇框和 4 個輸入值，我想這樣做。我知道我必須使用查詢選擇器 all 并使用 are forEach 循環，但據我所知。使用查詢選擇器 all 時，我應該讓選擇框中的所有 ID 都相同，還是從查詢選擇器 all 中獲取所有選擇框更容易？我的選擇框和輸入都設置相同，除了不同的 ID 名稱。// codes for input boxeslet trimCode = '123456kj';let chassisCode = 'ab123';let finalCode = 'abcd1254';let materialCode = 'mnb124578';let qualityCode = 'abc123456';let paintCode = 'zyf123';let bodyCode = 'typ4598';// event listener for one select boxcurrentDept.addEventListener('change', changeCode);// changeCode functionfunction changeCode() {  const x = currentDept.value;  switch (x) {    case "trim":      classCode.value = trimCode;      break;    case "chassis":      classCode.value = chassisCode;      break;    case "final":      classCode.value = finalCode;      break;    case "material":      classCode.value = materialCode;      break;    case "quality":      classCode.value = qualityCode;      break;    case "paint":      classCode.value = paintCode;      break;    case "body":      classCode.value = bodyCode;      break;    default:      console.log('something went wrong');  }}<div class="form-control">  <label for="current">Current Department</label>  <select name="current" id="currentDept">    <option value="trim" selected>Trim</option>    <option value="chassis">Chassis</option>    <option value="final">Final</option>    <option value="material">Material</option>    <option value="quality">Quality</option>    <option value="paint">Paint</option>    <option value="body">Body</option>  </select>  <small>Error Message</small></div><div class="form-control">  <label for="classCode">Current Classification Code</label>  <input type="text" id="classCode" placeholder="Enter Current Classification Code">  <small>Error Message</small></div>