我在amp-form中的select中有一组选项,并希望动态地更改哪些选项设置了selected属性。这个是可能的吗?
发布于 2018-04-27 14:27:11
你试过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>希望这能有所帮助!
https://stackoverflow.com/questions/48867148
复制相似问题