Polymer Paper 单选组 post 值

Question

我已经在我的表单中实现了单选组按钮，我希望将所选值 post 放入 php 以处理搜索请求，但是我注意到按钮本身将它们的值推送为即 'selectedButton=on' 对于 php 文件，我希望他们 post 他们自己的名字，即 '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>

Answer 1

注意到我不能直接 select 像原生单选按钮那样的值所以我更改了代码以提交 car:model 并在 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>

希望这对您有所帮助

Polymer Paper 单选组 post 值

Polymer Paper radio group post value

php

polymer-1.0