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

Posted 2023-03-13

【中文标题】无法从离子中的下拉列表中获取所选值

【英文标题】：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 被解雇了吗？

是的，它正在触发

你试过我的代码了吗？

【参考方案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);

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