JavaScript: MutationObserver は、SELECT要素の変化を捉えられないのか…

JavaScript

困ったな。連動できると思っていたのに…。この数時間が無駄になった。

<!DOCTYPE hrml>
<head>
  <meta charset="utf-8">
  <title> MutationObserver は、select要素の変化を捉えられないのか？</title>

<body>

<select>
  <option value="0">0
  <option value="1">1
  <option value="2">2
</select>

<script>

let
  observer = new MutationObserver (m => console.log (m[0])),
  options = { attributes: true, attributeFilter: ['selectedIndex', 'value']};

observer.observe (document.querySelector ('select'), options);


</script>