select - 在选择中显示选定的选项

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; 
}

还尝试在返回“已选择”的选项中调用函数，如下所示：

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

在飞镖中

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

那也没有用。

score 1 · Accepted Answer

你的inserted()功能应该是：

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

score 0 · Accepted Answer

将html更改为：

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

和飞镖代码：

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

现在它可以工作了！

2 回答 2