在选择中显示所选选项

Question

HTML文件具有从状态列表填充的select元素。我需要将特定状态FL显示为选定条目。

<select id='mystate'  template iterate="x in myStatesList">
  <option>{{x}}</option>
</select>

在dart文件中尝试了以下但它不起作用：

inserted() {
  var x = query('#mystate') as SelectElement;
  x.options.selectedIndex = 10; 
}

还尝试在返回'selected'的选项中调用函数，如下所示：

<option {{gv(x)}}> {{x}} </option>

和dart

String gv(x) {
  if(x=='FL'){            
    return 'selected';
  } else {
    return '';
  }
}

这也不起作用。

Answer 1

您的inserted()功能应该是：

inserted() {
  var x = query('#mystate') as SelectElement;
  x.selectedIndex = 10; 
}

Answer 2

将html更改为：

<option selected={{gv(x)}}>{{x}}</option>

和飞镖代码：

bool gv(x) {
  if(x == 'GA'){            
    return true;
  } else {
    return false;
  }
}

现在它有效！