內聯onchange提交不適用於webkit（Chrome或Safari）

Question

這是在FF上提交的，但不在Chrome上提交。 有什么建議么？

<form action="/test" method="post" onchange="this.submit();">
   <select>
      <option value="f">f</option>
      <option value="g">g</option>
   </select>
</form>

Answer 1

<form action="/test" method="post" >
   <select name="select" onchange="this.form.submit();">
      <option value="f">f</option>
      <option value="g">g</option>
   </select>
</form>

onchange應該在select標記上。 並且給它起一個名字是個好主意，這樣您就可以在服務器端檢索該值。

Answer 2

這仍然是一個錯誤。 該事件應觸發表單上的偵聽器-並且在附加偵聽器時執行ala：

document.querySelector('form').addEventListener('change', function(){alert('lol!');})

問題是onchange屬性已損壞。

建議您移動聽眾的答案不應該被接受。 在許多情況下，封閉組件可能需要在渲染時綁定onchange觀察者。