amp-form中“selected”属性的修改
在amp-form中，"selected"属性用于指定表单中的选项是否被选中。它可以用于下拉菜单、单选按钮和复选框等表单元素。
修改"selected"属性可以通过以下方式实现：
- 对于下拉菜单（select元素），可以通过设置"selected"属性来指定默认选中的选项。例如，如果要将第二个选项设置为默认选中，可以将"selected"属性添加到该选项上，如下所示：
<select>
<option value="option1">Option 1</option>
<option value="option2" selected>Option 2</option>
<option value="option3">Option 3</option>
</select>- 对于单选按钮（radio元素），只能有一个选项被选中。可以通过设置"selected"属性来指定默认选中的选项。例如，如果要将第一个选项设置为默认选中，可以将"selected"属性添加到该选项上，如下所示：
<input type="radio" name="option" value="option1" selected> Option 1
<input type="radio" name="option" value="option2"> Option 2
<input type="radio" name="option" value="option3"> Option 3- 对于复选框（checkbox元素），可以通过设置"selected"属性来指定默认选中的选项。例如，如果要将第一个和第三个选项设置为默认选中，可以将"selected"属性添加到这些选项上，如下所示：
<input type="checkbox" name="option1" value="option1" selected> Option 1
<input type="checkbox" name="option2" value="option2"> Option 2
<input type="checkbox" name="option3" value="option3" selected> Option 3"selected"属性的修改可以通过JavaScript动态地改变。通过获取表单元素的引用，可以使用JavaScript代码来修改"selected"属性。例如，使用JavaScript将第三个选项设置为默认选中：
document.querySelector('option[value="option3"]').selected = true;在云计算领域，AMP（Accelerated Mobile Pages）是一种用于创建快速加载移动页面的开放源代码框架。AMP提供了一种简化的方式来开发移动页面，以提供更好的用户体验和更高的性能。腾讯云提供了AMP加速服务，详情请参考腾讯云AMP加速。
相关·内容
我如何在本地主机中测试amp-form的工作，我听说表单操作必须是https url，有什么方法可以在本地测试它吗？
浏览 8提问于2019-02-16得票数 0
我在amp-form中的select中有一组选项，并希望动态地更改哪些选项设置了selected属性。这个是可能的吗？
浏览 7提问于2018-02-19得票数 0
在我的下一个amp项目中，我有一个常规，当我点击submit时，它会发送正确的数据，但它不会在请求上设置身份验证头。我将Axios配置为在每个请求上附加这些标头，因此我需要通过Axios发送数据：
footer_submitForm = (e) => {
e.preventDefault();
var country = this.country;
var lobs = this.lobs;
var voucher_name = this.voucher_name;
var lead_url = this.lead_url;
var ut
浏览 0提问于2020-07-02得票数 0
2回答
AMP表单只允许我使用HTML5表单验证来验证用户的输入。它在桌面Chrome浏览器中工作得很好。但是Safari到目前为止还不能支持HTML5表单验证。我找到了解决方案，需要外部Javascript在Safari浏览器上实现表单验证。但就我而言，AMP不允许我这么做。
是否存在绕过Safari的HTML5验证输入的任何黑客或技巧？
浏览 11提问于2017-02-07得票数 0
回答已采纳
是否有可能使用"AMP for Email“代码，让用户能够将产品添加到愿望列表或购物车中？
浏览 13提问于2019-04-23得票数 0
1回答
如何在amp-form中设置多个提交按钮？
通常，提交按钮是通过单击提交的。在AMP中缺少(不是全部，也不是单击的那个)。
我想决定如何使用PHP脚本中的数据(这是不能改变的，因为系统的核心功能)。
<input type="submit" name="button1">
<input type="submit" name="button2">
在PHP中，它将如下所示
if(isset($_POST['button1'])) { .. }
elseif(isset($_POST['
浏览 0提问于2018-06-08得票数 0
Html Amp Post转到当前url？
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-form" rc="https://cdn.ampproject.org/v0/amp-form-0.1.
浏览 0提问于2016-12-16得票数 0
在amp-bind Amp for Email文档页面上，它显示了一个将src绑定到amp-img以更改图像源路径的示例(稍微复杂一点的示例)： <amp-state id="myAnimals">
<script type="application/json">
{
"dog": {
"imageUrl": "/img/dog.jpg",
"style": "greenBackground"
浏览 17提问于2019-10-02得票数 0
1回答
你好！
我在用安培绑定法。在AMP表单中，我跟踪选择的事件更改。接下来，我将更改页面元素的值。
这一切都很好，例如：
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<script async custom-el
浏览 5提问于2017-10-18得票数 4
我有一个ListView，其中包含Server数据库中的表列表。我还有一个列表视图项的Selected事件，它用数据库中的表填充我的DataGrid。
我希望用户能够在选定的表中INSERT, UPDATE, & DELETE行并将这些更改保存到数据库中。
下面是选择DataGrid项时填充ListView的代码。我去掉一些是为了不让它太长：
public partial class TableManagement : UserControl
{
public TableManagement()
{
InitializeComponent();
浏览 0提问于2020-05-08得票数 2
回答已采纳
根据的说法，AMP项目禁止像表单，输入，文本区域，选择和选项这样的HTML标签。
但是，使用表单和输入标记。
禁止输入元素的原因是什么？
浏览 1提问于2015-10-09得票数 16
1回答
我有这个问题。
具有接口：
export interface IDevice {
id: string,
selected: boolean
}
通过以下方式创建实例：
let newDevice: IDevice = {
id: uuid4(),
selected: false,
} as IDevice;
它在反冲状态下被添加到数组中，并在使用useRecoilState()检索数组的函数中使用。const [leftList, setLeftList] = React.useState<IDevice[]>([]);
现在，它正在处理程序中用于选择列表控件上的
浏览 4提问于2021-02-09得票数 1
回答已采纳
我有一个网站与放大器的形式。我想跟踪谷歌广告转换使用amp-form的amp-form-submit-success事件作为记录的here。 Google Tag Manager的AMP容器似乎只支持几个触发器，如Click、Scroll、Timer等，没有自定义触发器。因此，我创建了一个没有触发器的Ads转换标签，希望我能以某种方式从<amp-analytics>标签配置本身手动触发它。 我尝试过的一件事是将adwords标签直接添加到<amp-analytics>配置中，如下所示： <amp-analytics config="https:/
浏览 16提问于2019-01-11得票数 0
回答已采纳
2回答
我对这个代码有问题，它在Firefox和Internet Explorer中工作得很好，但它不能在Opera和Chrome浏览器上工作……
<script>
function planetselect()
{
optionen=document.getElementById('pstart').options;
for(i=0;i<optionen.length;i++)
{
if(optionen[i].value==67080)
{
optionen[i].setAttribute('selected','selected
浏览 0提问于2013-08-01得票数 0
我正在运行数组中的项目列表。将这些选项通过JQuery输出到html SELECT。
我希望将数组中的当前项与先前选择的变量进行比较，并将<option>属性设置为selected。
但是它没有添加属性。
我做错什么了？
//PHP
$myAnimalArray = some filled array();
$s_current_selected = "Zebra";
//某些HTML表单
<select class="form-control" id="animals_select" name="animals_sel
浏览 0提问于2017-11-30得票数 2
回答已采纳
在使用target=_blank在amp-form中设置头target=_blank没有得到重定向后，正确的行为是什么？ 我在文档里找不到任何关于目标的东西 https://www.ampproject.org/docs/reference/components/amp-form#redirecting-after-a-submission 仅适用于target=_top
浏览 11提问于2019-03-14得票数 0
3回答
因此，我有一个很大的li标签列表，其中包含以下内容：
<li class="square" data-selected= data-square="1"></li>
<li class="square" data-selected= data-square="2"></li>
<li class="square" data-selected= data-square="3"></li>
然后，我将data-square中的一个属
浏览 0提问于2015-12-16得票数 0
我有一个选择域，它以一个选项"Select Location“开头，并希望在提交之前强制用户选择某些内容。我看到了this article关于禁用amp-bind的提交按钮，直到有一个选项可用，但如果可能的话，我想使用amp-form中内置的验证。 我已经尝试在<select>和<option>字段上使用pattern属性。我已经使用了类似于pattern="^((?!default).)*$"的东西和多种变体，但都没有成功。 <form
id="contactForm"
method="post&
浏览 16提问于2019-10-17得票数 0
回答已采纳
我的表单中有两个选择字段。第一个是单选择，另一个是多选择。现在我要做的是在带有给定数据的多重选择中选择选项，这取决于在单选择中选择的选项。要做到这一点，当单选择更改时，我将触发ajax请求：
$.ajax({
type : 'POST',
url : '/Controller/getMultipleSelectIds',
data : {
singleSelectId: singleSelectId
},
success : function(data) {
var multipleSele
浏览 0提问于2016-07-08得票数 8
回答已采纳
我在asp.net有一个网站，我正在http://mywebsite.com/amp/......上创建AMP页面。
除以下错误外，我能够对AMP进行所有必要的更改。
属性“action”可能不会以“FORM method=POST”标记形式出现
我网站上的表单标签如下所示
<form name="form1" method="post" id="form1">
安培教程建议使用action-xhr=/default.aspx而不是action="default.aspx
以下是源代码：
现在，问题是如何删除操作属性并
浏览 3提问于2017-09-07得票数 1
当amp-form验证返回错误时，请告知是否有重定向到新页面的漫游？即用户通过填写其电子邮件进行有限的登录尝试，然后当超过此限制时，客户端AMP表单触发重定向到注册页面？ 提前谢谢。V。
浏览 20提问于2020-11-25得票数 0
1回答
如何用简单的形式制作有效的AMP故事页面？我切换了amp-form组件，并试图通过一些不同的方式添加表单，但它们都被认为是无效的原因。
标签“表单”可能不会作为标签'xxx‘的后代出现。
浏览 3提问于2019-02-04得票数 0
1回答
我跟随在AMP上实现了一个“显示更多”的操作。它运行得很好，但是当我单击按钮时，它不会显示任何东西来给用户提供页面正在加载的想法。
我的后端不是特别快，所以它看起来没有工作，直到，最终，东西负载。
在中，它也没有任何东西，但速度非常快。
有什么可以做的吗？即使它只是禁用了按钮。我在列表或表单上没有看到在CSS上使用它们的任何类更改。
这是我的密码：
amp-state id="#{section}State" src="#{path}"
amp-state id="#{section}"
script type="applicatio
浏览 4提问于2018-09-03得票数 3
回答已采纳
所以我用铁选择器做了一个自定义菜单，并将它放在另一个包含铁页的定制元素中，我无法将菜单的按钮与页面的内容绑定起来。基本上是带有自定义元素的Switcheroo。以下是一些代码(简化)：
我的菜单
<dom-module id="my-menu">
<style>
:host {display: inline-block; }
</style>
<template>
<iron-selector id="menu" selected="{{menuSel
浏览 0提问于2015-09-19得票数 0
回答已采纳
1回答
从数据计算Vue动态数组
、、、
假设我从我的商店检索了这些数据：
let itemsData=[
{id:1,data:[...]},
{id:2,data:[...]},
{id:3,data:[...]}
]
我需要能够根据这些数据生成一个数组，如下所示：
let itemsSelected=[
{id:1,selected:false},
{id:2,selected:false},
{id:3,selected:false}
]
然后，我需要可以访问这个数组itemsSelected，以确定模板中多个不同组件的状态，例如：
<div v-for="item in itemsSel
浏览 11提问于2022-08-16得票数 0
回答已采纳
1回答
我尝试从www.lightmorelight.com提交表单，但在搜索控制台中遇到错误:响应必须包含AMP-Access-Control-Allow-Source-Origin头。我想不通了 下面是我的代码： <?php
if(isset($_POST['submit'])){
header("HTTP/2 200");
header("access-control-allow-headers: Content-Type, Content-Length, Accept-Encoding, X-CSRF-Token");
header(
浏览 24提问于2019-01-24得票数 0
1回答
表格资料而非“张贴”
、、、
当我提交以下表单，并在我的单独页面上打印一个POST数据数组时，我会得到一个空数组。我的数据到哪里去了，为什么不发到flupdate.php上？我测试了php和它的声音。出什么事了？
<form action="inc/flupdate.php" method="POST" name="form-wizard">
<div id="wizard">
<ol>
浏览 3提问于2016-04-15得票数 0
回答已采纳
我一直试图创建一个联系形式使用AMP-html与php。我就是不能让它起作用。当我单击该按钮时，错误消息将显示在amp-胡子模板中(但没有name字段)，但我无法看到实际的错误是什么。
我一直在看放大器文件和这个问题，但它不能工作。。我用它作为代码的基础，我无法让它工作。我已经将成功模板移到表单中，并添加了错误模板。也许我应该就这个问题发表意见，但由于这个问题得到了公认的答案，而且我仍然有问题，我认为我应该提出一个新的问题。
我曾经尝试过一段时间，但现在意识到我需要使用https，所以我尝试使用这个域，但没有运气。
我的代码如下所示，除了域名。
<?php
if(isset($_POST
浏览 0提问于2017-04-04得票数 0
回答已采纳
1回答
我有这样的mysql表
我的awal_pendaftaran列和akhir_pendaftaran_column有日期类型。
我想将我的HTML字段设置为默认选择nama_periode，current date (ex:2015-08-2)位于awal_pendaftaran和akhir_pendaftaran之间。
我试过这样的代码
$date_now = date("Y-m-d");
$perQ="SELECT * FROM periode where awal_pendaftaran >= CURRENT_DATE ORDER BY awal_
浏览 0提问于2015-08-02得票数 0
回答已采纳
1回答
在header.pug中
block link
-var selected='Home';
-var menu = [{'title':'Home','address':'/home/home.html','child':[]},{'title':'Shopping','address':'/shopping/shopping.html','child':[{'title':'TV'
浏览 1提问于2016-08-14得票数 0
回答已采纳
我已经创建了一个多可选的可选表，它允许您选择多个行；但是，为了检查当前的标记(无论是否选中)，我需要执行以下操作。
在table组件中，
{{#each rows as |row index|}}
{{table-x-row
row=row
index=index
data=data
selected=(mut selected)
maxSelectionCount=maxSelectionCount
}}
{{/each}}
在table-row JavaScript文件中，
classNameBindi
浏览 3提问于2017-03-24得票数 0
回答已采纳
1回答
我可以选择多个行，但我希望能够在同一页的不同表中选择这些数据。现在，当我在第一个表中选择一行时，它也会在第二个表中选择它，但我希望它们是独立的。有人有主意吗？
下面的是我的html代码
<div class="row" ng-show="{{ adultNumber }}">
<div class="col-md-8">
<h1>Adult 1</h1>
<table class="table table-bordered">
浏览 6提问于2016-05-30得票数 0
单击该按钮时，它将调用函数GenerateTable()，并根据下拉列表中选择的多个选项动态创建表作为表列标题。下面是我的javascript代码，那么如何为单元格中的每个文本字段提供id和name呢？另外，我在动态创建的表中有一个按钮，用于添加新行，下面是添加和删除行的函数。以下是我的代码
function GenerateTable() {
var selected = [];
var rows=[];
selected.push("S.No");
selected.push("Drawing No");
浏览 0提问于2018-03-24得票数 0
1回答
在我的Model.vue组件中(在Nuxt.js和Vuetifyjs应用程序中)，我有以下代码：
<v-checkbox v-model="selected"></v-model>
在这个组件的脚本部分，我有：
computed: {
selected: {
get() {
return this.$store.state.selected
},
set(value) {
this.$store.commit('UPDATE_SELECTED&
浏览 1提问于2018-09-21得票数 1
1回答
我目前正在尝试创建一个按钮，它允许我根据属性对选项进行分组。因为我不是jquery专家，所以我使用了现有的有效按钮" add -all“并开始修改它，以便只添加具有特定属性的选项。下面的代码是意图...
this.container.find(".remove-all").click(function() {
that._populateLists(that.element.find('option').removeAttr('selected'));
return false;
});
this.container.find(
浏览 0提问于2019-04-20得票数 1
我们有一个搜索栏与放大器形式和输入文本。在验证方面，我们希望重定向移动站点上的页面，但我们没有找到一种方法来用如下所示的内容来临时处理url：
<form method="get" action="https://example.com/search/'+searchword+'.html'">
<input type="text" autocomplete="off" id="searchbar">
</form>
当然，我们不能更改url来传递查询
浏览 1提问于2018-06-08得票数 0
回答已采纳
2回答
我对VueJS和观察者对象有问题。我将对象的一部分分配给一个临时变量以供以后使用。然后用新数据重新分配对象的原始部分，8秒后将其恢复到存储在临时变量中的原始状态。
我有这个对象链接到一个列表视图，它以不同的方式呈现这两个不同的状态。
我想阻止观察者观察我的临时变量，但我想不出怎么做。
下面是我目前的代码：
var temporary = core_data.map_data[data.selected]; //This is the variable I dont want to be observed.
core_data.map_data[data.selected].colour =
浏览 1提问于2017-11-06得票数 0
回答已采纳
我已经尽可能地简化了这个问题。基本上，我正在重写组合框的"null“值。这样，如果选择的项被删除，它将返回到"(null)“。不幸的是，这种行为是错误的，我点击delete，删除ObservableCollection项，从而更新属性绑定，并按预期返回"(null)“项。但组合框的外观显示为空白。但它的价值是正确的.这个问题可以用下面的代码来再现。
若要重现此问题，请选择一项，然后单击“删除”。请注意，此时将调用以下行(当您删除所选项时)。所以这是个断点的好地方。
if (m_Selected == null)
{
浏览 1提问于2015-02-23得票数 5
回答已采纳
2回答
我想从一个ListView中选择多个项目。在C++，我会做这样的事情
if (clicked_card->is_selected) {
clicked_card->is_selected = false;
int i = 0;
while(selected_cards[i] != clicked_card) i++;
selected_cards.erase(selected_cards.begin() + i);
} else {
clicked_card->is_selected = true;
selected_cards
浏览 4提问于2016-07-18得票数 5
我有代码(下面)，我认为应该允许我更新底层表，但是我继续得到一个“基础数据是只读的”错误。
在下面的代码中，我尝试过的所有内容都包括在内。很明显，我漏掉了什么！搜索还没找到线索..。
APT.Columns["Selected"].ReadOnly = false;
TWR.Columns["Selected"].ReadOnly = false;
RWY.Columns["Selected"].ReadOnly = false;
APT.Columns["Selected"].Expression = "false
浏览 0提问于2019-08-15得票数 0
文档中的交互组件部分并不清楚。https://amp.dev/documentation/components/amp-story/#interactive-components。 我正在尝试创建一个amp故事中的投票，但似乎不是一条清晰的路径。我试着破解它与amp-同意，但这并不是真的有效。
浏览 52提问于2019-09-19得票数 0
回答已采纳
在角4中，我有一个消息"n个设备被选中“，其中n被替换。消息是本地化的，所以在HTML中它看起来像
{{'selected_message' | translate:substitutions }}
“selected_message”在语言文件中有一个条目：
'selected_message': '{{ndevices}} devices selected.'
substitutions.ndevices的值经常变化。但是，当substitutions.ndevices更改时，翻译系统不会重新运行翻译，因此消息总是显示它的初始值。如何
浏览 1提问于2018-06-22得票数 0
回答已采纳
1回答
我试图转换选定文本的字体与安古拉杰和jQuery的帮助。这是我的密码。一切都很好，但我不能用新的文本来改变文本。
这是我的密码：
var app = angular.module('myApp', []);
app.controller('editor', function($scope) {
$scope.color = "black";
$scope.selectedText = "";
$scope.changeFont = function() {
if ($scop
浏览 1提问于2016-04-07得票数 2
回答已采纳
1回答
把参数传递给另一条路线？
、、、、
我有一个带有过滤器的表，我想以csv的形式下载已过滤的行。
我从表单中获取过滤器的功能：
public function getFilters($request)
{
$filters = [
'stato' => $request->get('stato'),
'cliente' => $request->get('cliente'),
'registrar' => $request->get('registrar
浏览 3提问于2021-07-07得票数 0
回答已采纳
HTML代码：
<select name="ddlFruit" id="ddlFruit" class="Searchddl">
<option value="">Select</option>
<option value="447">Grapes</option>
<option value="448">Mango</option>
<option selected="
浏览 11提问于2021-02-01得票数 0
回答已采纳
我对这个库中的JFXRadioButton的样式设置有问题：
我想改变颜色或圆圈，但默认类没有工作。你有什么想法吗？
(颜色只用于测试..。)
.radioButtonFX .radio:selected {
-fx-background-color: yellow;
}
.radioButtonFX .radio-button .radio:selected {
-fx-background-color: blue;
}
我还想更改JFXRippler的颜色和JFXTabPane中选定选项卡的行
浏览 2提问于2016-11-24得票数 2
回答已采纳
为什么？
当我在选择字段中选择一个选项时，selected="selected"属性仍然保留在前一个选项上。但从视觉上看，您可以看到新选项处于活动状态
浏览 1提问于2011-01-30得票数 2
回答已采纳
所以我基本上需要从选择框中选择一个特定值。
所以我想知道怎样才能让{{bind-attr}}的行为像这样：
<select id="research_status" class="form-control">
<option value=""></option>
<option value="finalized" {{bind-attr selected a_variable="finalized"}}>
浏览 2提问于2014-06-11得票数 0
我已经设置了一个Apache集群，它有一个主用户和一个工作人员，我使用Python和Spyder作为IDE。到目前为止，一切都很好，但是我需要关于集群中任务分布的详细信息。我知道有Spark，但是我想直接在我的Spyder控制台中获得信息。因此，我的意思是我的代码/脚本的哪一部分是由哪个工作人员/主完成的。我认为使用python包“套接字”和socket.gethostname()必须能够获得更多信息。我真的很期待得到帮助。这是我的代码：
import pyspark
from pyspark.sql import SparkSession
from pyspark.sql.types imp
浏览 0提问于2019-01-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
