无法从离子中的下拉列表中获取所选值答案

【问题标题】：Unable to get the selected value from drop down in ionic无法从离子中的下拉列表中获取所选值
【发布时间】：2019-06-21 03:49:45
【问题描述】：

我正在尝试获取所选选项的值，但我得到了未定义的值。这是html部分：

分钟天周物品

这里是类型脚本部分：

    unitMetric(mySelect) {
    console.log("Selected:",mySelect);
  }

【问题讨论】：

change 被解雇了吗？
是的，它正在触发
你试过我的代码了吗？

标签： typescript ionic-framework ionic2 ionic3

【解决方案1】：

在 Ionic 2/2+ 中，您应该使用 [(ngModel)]。

  <select [(ngModel)]="selectedUnit" (change)="unitMetric(selectedUnit)" >
    <option value="minutes">Minutes</option>
    <option value="days">Days</option>
    <option value="weeks">weeks</option>
    <option value="item">Item</option>
  </select>

要选择分钟作为default option，请在您的组件中使用以下代码。

export class TestCompoent {

  selectedUnit: string;

  constructor() {
    this.selectedUnit = 'minutes';
  }

  unitMetric(mySelect){
    console.log("Selected:",mySelect);
  }
}

见我的stackblitz demo

【讨论】：

【解决方案2】：

您似乎正在使用Ionic 1。将您的代码更改为：

<select ng-Model="selectedUnit" ng-change="unitMetric(selectedUnit)" > 
    <option value="minutes">Minutes</option>
    <option value="days">Days</option>
    <option value="weeks">weeks</option>
    <option value="item">Item</option>
  </select>
</ion-label>

必须在您的ts 文件中声明selectedUnit。然后在控制器中：-

$scope.unitMetric= function(mySelect) {
    console.log(mySelect);
}

希望对您有所帮助！快乐编码！

【讨论】：