Skip to main content

Part 1 / Bindings / Select bindings

<select>要素にもbind:valueを使用できます。32行目を更新してください。

<select bind:value={selected} on:change="{() => answer = ''}">

<option>の値は文字列ではなくオブジェクトであることにご注意ください。Svelteは気にしません。

selectedの初期値を設定していないので、バインディングは自動的にデフォルト値(配列の先頭)に設定されます。しかし、注意してください。バインディングが初期化されるまで、selectedはundefinedのままなので、よく考えもせずにテンプレート内のselected.idなどを参照することはできません。

Next: Select multiple

initialising