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

Question

我有<select>标签，其中包含几个选项。如何设置最初默认选择的选项？

Answer 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可以让这更容易一些。与此同时，上述代码应该适合您。