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 0 · Accepted Answer

html を次のように変更しました。

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

そしてダーツコードを次のように:

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

そして今、それは動作します!

2 に答える 2