如何在AMP中添加选择选项

<script async src="https://cdn.ampproject.org/v0.js"></script>

<amp-selector layout="container" name="my-selector" on="select:my-selector.change">
  <div option="option1">选项1</div>
  <div option="option2">选项2</div>
  <div option="option3">选项3</div>
</amp-selector>

<amp-selector layout="container" name="my-selector" on="select:my-selector.change">
  <div option="option1">选项1</div>
  <div option="option2">选项2</div>
  <div option="option3">选项3</div>
</amp-selector>

<div id="content-option1" hidden>选项1的内容</div>
<div id="content-option2" hidden>选项2的内容</div>
<div id="content-option3" hidden>选项3的内容</div>

<amp-selector layout="container" name="my-selector" on="select:my-selector.change">
  <div option="option1">选项1</div>
  <div option="option2">选项2</div>
  <div option="option3">选项3</div>
</amp-selector>

<div id="content-option1" hidden>选项1的内容</div>
<div id="content-option2" hidden>选项2的内容</div>
<div id="content-option3" hidden>选项3的内容</div>

<script>
  const selector = document.querySelector('amp-selector[name="my-selector"]');
  const contents = document.querySelectorAll('[id^="content-"]');

  selector.addEventListener('change', (event) => {
    const selectedOption = event.target.getAttribute('option');
    contents.forEach((content) => {
      if (content.id === `content-${selectedOption}`) {
        content.removeAttribute('hidden');
      } else {
        content.setAttribute('hidden', '');
      }
    });
  });
</script>