Brew the Mash

クラフトビール好きなITエンジニア@mashmorgan_jpの開発メモなど

【Javascript】ドロップダウンリストを一部のみ連動させる

基本的な処理ですが備忘録。

selectで2つのドロップダウンリストを連動させたい場合はjavascriptのonchangeを使用しますが、 ドロップダウンリストを全て作りなおしてinnerHTMLするのでなく、一部データのみ差し替えたい場合は 「new Option」という便利なものがありました。

<使用例>

frmObj.elements["selectbox1"].options[Index] = new Option("表示テキスト","value");

これ使えばoptionタグがピンポイントで差し替え可能です。