Javascriptでプルダウンの選択状態を動的にすると表示のみ選択状態にならない場合がある

Question

前提・実現したいこと

GETパラメータで取得した値でプルダウンの初期選択状態を動的に変化させたいです。
しかし、表示が最上部を常に表示していますが、プルダウンを押下すると期待通りの選択肢が選択された状態となってます。
→表示だけおかしい状態です
※それに連動する次のエレメントのプルダウンの値も問題なく動作しています。

このような状態に陥ったことがある方、お知恵を拝借いただけますと幸いです。

該当のソースコード

<select id="aaa" onChange="selectAaa()">
	<option value="00">選択して下さい</option>
</select>

<select id="bbb" onChange="setBbb()">
	<option value="00">選択して下さい</option>
</select>

if (code == data.cd) {
	document.getElementById('aaa').options[idx].setAttribute("selected", "selected");
}

試したこと

・selectedValueやselectedIndexで値をセットしましたが、おなじくNGでした
・動的ではなく試しに<option>タグを静的に作成しておいてselected属性を付与すると問題なく選択された状態で表示されます
（当たり前ですが）

補足情報（FW/ツールのバージョンなど）

サーバ：AWS EC2
PHP、Javascript、jQuery

Comments

[int32_t]

どのブラウザで問題が起きますか?

[entaro12345]

現在確認しているのは、下記ブラウザになります
・Chrome
・FireFox

[int32_t]

2種類のブラウザで起きるということは、ブラウザのバグである可能性は低いですね。
誰でも問題を再現できる完全なコードを開示していただければ原因と対処がわかるかもしれません。

[entaro12345]

int32_tさま
アドバイスありがとうございます。
今回は単純なミスでしたので、クローズとさせていただきます

Answer 1

状況がわかりかねますが、属性ではなくプロパティの変更では？
もっといえば、optionのvalueがユニークならselectのvalueを変更でもよいかも

Comments

[entaro12345]

ありがとうございます！
試してみます。