首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >amp-form中“selected”属性的修改

amp-form中“selected”属性的修改
EN

Stack Overflow用户
提问于 2018-02-19 21:20:42
回答 1查看 146关注 0票数 0

我在amp-form中的select中有一组选项,并希望动态地更改哪些选项设置了selected属性。这个是可能的吗?

EN

回答 1

Stack Overflow用户

发布于 2018-04-27 14:27:11

你试过amp-selector吗?

使用amp-form + amp-bind + amp-state组合来实现带有select的表单。

<body>下定义状态

代码语言:javascript
复制
<amp-state id="car">
    <script type="application/json">
        {
            "color": "black" // default option
        }
    </script>
</amp-state>

html部件:

代码语言:javascript
复制
<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>

希望这能有所帮助!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48867148

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档