materialize css でselectタグのoptionを後から追加した場合の処理

ニュース

https://materializecss.com/
materializacssではselectとoptionの昔ながらのHTMLの書き方でも以下のように今風のデザインに変えてくれる。

selectタグのドロップダウンに対しAjaxなどで後から動的にoptionを変更したい場合がある。
materializecssでは画面の初期表示時にJavaScriptによる制御に変更されselectタグは非表示となる。
このため、あとから option を変更しても有効とならない。
その場合は option を追加後に以下を実行することで再度selectタグとoptionを再読込してる。


$("#target-select-tag").material_select();

コメント

タイトルとURLをコピーしました