获取选择选项值并传递给 url angular

Question

我有 [(ngModel)] 的选择选项和输入字段。获取输入字段的值可以正常工作，而不会返回选择选项的值。如何获取选择选项值？ 这是我的代码：

 export class AppComponent {
     constructor() { }
    age = ''
    year = ''
    month = ''
    number = ''
    amount = ''
    email = ''
    names = ''
      sendDetails(){
        const url ='http://example.api.com/add?age='+this.age+'&year='+this.year+'&month='+this.month+'&number='+this.number+'&amount='+this.amount+'&email='+this.email+'&names='+this.names
console.log(url)
// does not show the month and year shows it as blank
      }
    }

HTML

<input type="text" [(ngModel)]=age >
<select type="text" id="inputMonth" [(ngModel)]=month>
    <option value="01">JAN</option>
    <option value="02">FEB</option>
    <option value="03">MAR</option>
    <option value="04">APR</option>
    <option value="05">MAY</option>
    <option value="06">JUN</option>
    <option value="07">JUL</option>
    <option value="08">AUG</option>
    <option value="09">SEP</option>
    <option value="10">OCT</option>
    <option value="11">NOV</option>
    <option value="12">DEC</option>
  </select>
    <select type="text" id="inputYear" [(ngModel)]=year>
      <option value="2017">2017</option>
      <option value="2018">2018</option>
      <option value="2019">2019</option>
      <option value="2020">2020</option>
      <option value="2021">2021</option>
      <option value="2022">2022</option>
      <option value="2023">2023</option>
      <option value="2024">2024</option>
      <option value="2025">2025</option>
    </select>
<input type="text" [(ngModel)]=number >
<input type="text" [(ngModel)]=amount >
<input type="text" [(ngModel)]=email >
<input type="text" [(ngModel)]=names >
<button (click)=sendDetails()> submit</button>

我希望能够将年份（即 2015 年）和月份（即 JUNE）传递到网址

Answer 1

如果您想要月份名称，您应该将选项的值更改为名称而不是数字月份值。

<select type="text" id="inputMonth" [(ngModel)]=month>
<option value="JAN">JAN</option>
<option value="FEB">FEB</option>
<option value="MAR">MAR</option>
<option value="APR">APR</option>
<option value="MAY">MAY</option>
<option value="JUN">JUN</option>
<option value="JUL">JUL</option>
<option value="AUG">AUG</option>
<option value="SEP">SEP</option>
<option value="OCT">OCT</option>
<option value="NOV">NOV</option>
<option value="DEC">DEC</option>
</select>

虽然更简洁的方法是制作几个月的对象，然后在您的 html 中对其进行迭代。