Javascript“onChange”不会在元素值更改时触发

Answer 1

您可能想做这样的事情；

const drop = document.querySelector("[name=dropdown_status]");

drop.addEventListener("change", (e) => {
  const selectedOption = e.target[e.target.options.selectedIndex].text;
  const span = document.querySelector("a > span");
  span.textContent = selectedOption;
})

<td style="width: 25%">
  <label class="io-label" for="custom_automation_status">Automation Status <span class="form-required">*</span>
  </label>
  <select name="dropdown_status">
    <option value=""></option>
    <option value="1"> Option 1</option>
    <option value="2"> Option 2</option>
    <option value="3"> Option 3</option>
    <option value="4"> Option 4</option>
  </select>
  <div id="dropdown_status23_chzn" class="chzn-container" style="width: 100%;">
    <a href="javascript:void(0)" class="chzn-single" tabindex="-1">
      <span>Option 1</span>
    </a>
  </div>
</td>