jquery - Chrome表单重置不会更改显示选择元素

Question

当我重置表单时，选择元素值重置但仍显示旧值

我用它来重置表单

$('#testForm')[0].reset();

在此示例中，默认选择“两个”选项。如果我更改选择并按“重置表单”，选择值会变回但仍显示旧值

在 Edge 中它的工作

https://jsfiddle.net/z6vk91sL/

Google Chrome 83.0.4103.61(官方版本)(64 位)(同类:稳定)

$('#testFormReset').on("click", () => {
  $('#testForm')[0].reset();
})

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#banner-message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#banner-message.alt {
  background: #0084ff;
  color: #fff;
  margin-top: 40px;
  width: 200px;
}

#banner-message.alt button {
  background: #fff;
  color: #000;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id='testForm'>
  <select>
    <option value='1'>One</option>
    <option selected value='2'>Two</option>
    <option value='3'>Three</option>
  </select>

  <button id='testFormReset' type='reset'>
    reset form
  </button>
</form>

Answer 1

您遇到了issue #1087031 ，五天前报告并已修复。该修复将很快发布，可能是 v84(它针对的是 M-84)。

我通过搜索 select reset component:Blink>Forms 发现了该问题在https://bugs.chromium.org/p/chromium/issues .