如何在 Web UI <select> 标记中设置默认选定选项？

【问题标题】：How do I set a default selected option in a Web UI <select> tag?如何在 Web UI <select> 标记中设置默认选定选项？
【发布时间】：2013-04-11 22:50:03
【问题描述】：

我有一个带有几个选项的<select> 标签。如何设置最初默认选择的选项？

【问题讨论】：

标签： dart dart-webui

【解决方案1】：

这是 Dart 代码：

import 'dart:html';
import 'package:web_ui/web_ui.dart';

List<String> fruits = const <String>['apples', 'bananas', 'pears'];

@observable
String selected = 'pears';

void main() { }

这是 HTML 代码：

<p>Hello world from Dart!  You chose {{ selected }}</p>

<select name="fruit" template iterate="fruit in fruits" bind-value="selected">
  <option selected="{{selected == fruit}}">{{fruit}}</option>
</select>

请注意，有一个open request 可以使这更容易一些。同时，上面的代码应该适合你。

【讨论】：