Question

我在放大器形式的select中有一组选项，并且想要动态地改变哪个选项具有所选属性集。这可能吗？

Answer 1

您是否尝试过amp-selector？

与amp-form + amp-bind + amp-state结合使用select来获得一个表单。

在<body>：

下定义一个州

<amp-state id="car">
    <script type="application/json">
        {
            "color": "black" // default option
        }
    </script>
</amp-state>

html部分：

<amp-selector 
   layout="container" 
   class="category"
   name="carColor"
   on="select:AMP.setState({car: {color: event.targetOption }})" >
      <span class="category-text">Select Color:</span>
      <span option="black" class="category-btn" selected>BLACK</span>
      <span option="yellow" class="category-btn">YELLOW</span>
      <span option="red" class="category-btn">RED</span>
</amp-selector>

希望这有帮助！

以amp-form修改“selected”属性

1 个答案: