【至急！】連動プルダウン

質問

ラジオボタンで「使用」が選択された数字のみプルダウンに表示させたいのですが、何をどうやってもうまく出来ません！

希望する動作は以下
------
画像の「使用」が選択された番号だけプルダウンの中身に表示させたい。

例）
1:使用
2:不使用
3:使用
4:不使用

→プルダウンの中身は「使用」が選択された番号「1」と「3」が表示される
------

大至急必要です！
どなたかお願いいたします！！！

回答No.1

Ogre7077

フォームに、イベント change のリスナーを加える
例: window.addEventListener('change',function(ev){リスナー処理()},false)

リスナーにて、発生したイベントがラジオボタンの「使用」ならば
例: if (ev.target.checked && ev.target.value == 使用)

ラジオボタンに対応するオプション要素を生成してプルダウン要素に追加
例: var opt = プルダウン要素.appendChild(document.createElement('option'));
例: opt.textContent = "ev.target.nameとか";

リスナーにて、発生したイベントがラジオボタンの「不使用」ならば
例: if (ev.target.checked && ev.target.value == 不使用)

プルダウン要素から対応するオプション要素を抹消
例: var opt = プルダウン要素.querySelector("ev.target.nameに対応する要素");
例: プルダウン要素.removeChild(opt);