Я внедрил кнопки радиогруппы в мою форму, и я хочу отправить выбранное значение в php для обработки поискового запроса, однако я заметил, что кнопки изначально нажимают на свое значение, как, например, «selectedButton = on» для документа php, который я хотел бы как они, чтобы опубликовать свое собственное имя, то есть «selectedButton = selectedButton» мне удалось сделать это, установив их значения в качестве имен, но это делает все элементы для выбора
<paper-radio-group>
<form id="searchForm" is="iron-form" method="POST" action="search.php">
<paper-radio-button name="Toyota">Toyota</paper-radio-button> <br>
<paper-radio-button name="Mitsubishi">Mitsubishi</paper-radio-button> <br>
<paper-radio-button name="Subaru">Subaru</paper-radio-button> <br>
<paper-radio-button name="Nissan">Nissan</paper-radio-button> <br>
<paper-radio-button name="BMW">BMW</paper-radio-button> <br>
</form>
</paper-radio-group>
<paper-button raised type="submit" on-click="_submit">Search</paper-button>
</paper-card>
скрипт
<script>
'use strict';
(function() {
Polymer({
is: 'search-form',
properties: {
status: String
},
listeners: {
'iron-form-submit': '_formSubmit',
'iron-form-response': '_formResponse',
'iron-form-error': '_formError'
},
_submit: function(event) {
this.$.searchForm.submit();
},
_formSubmit: function(event) {
this.status = 'Submitted...'
console.log('The form has been submited.', event);
},
_formResponse: function(event) {
this.status = 'Completed ' + event.detail.xhr.response;
console.log('Form responded:', event.detail.xhr.response);
},
_formError: function(event) {
this.status = 'Errored: ' + event.detail
console.log('Form error:', event.detail);
},
attached: function() {
this.status = ' ';
}
created: function () {
this.selection = "medium"},
selectionChanged: function () {
console.log(this.selection);
}
});
})();
</script>
заметил, что я не могу напрямую выбрать значение, как в родных переключателях
поэтому я изменил код для отправки автомобиля: модель и выяснил остальное в php
<paper-radio-group selected="{{brand}}">
<paper-radio-button name="toyota">Toyota</paper-radio-button>
<paper-radio-button name="bmw">BMW</paper-radio-button>
<paper-radio-button name="subaru">Subaru</paper-radio-button>
<paper-radio-button name="mitsubishi">Mitsubishi</paper-radio-button>
<paper-radio-button name="nissan">Nissan</paper-radio-button>
<paper-radio-button name="mazda">Mazda</paper-radio-button>
<paper-radio-button name="chrysler">Chrysler</paper-radio-button>
</paper-radio-group>
<paper-button raised type="submit" on-click="_submit">Search</paper-button>
скрипт
<script>
'use strict';
(function() {
Polymer({
is: 'search-form',
properties: {
brand: {
type: String,
value: 'toyota'
}
},
listeners: {
'iron-form-presubmit': '_formPresubmit',
'iron-form-submit': '_formSubmit',
'iron-form-response': '_formResponse',
'iron-form-error': '_formError'
},
_submit: function(event) {
this.$['the-form'].submit();
},
_formPresubmit: function() {
this.$['the-form'].request.params = { brand: this.brand };
},
_formSubmit: function(event) {
}
});
})();
</script>
надеюсь это поможет
Других решений пока нет …