js/jQuery　プルダウンの中身を制御したい。

プルダウン・セレクトボックスの中身をJSで制御したいです。
（jQueryでも可ですが、あまり理解できていないです…）

前提としては以下の通りです。
・アンケート入力フォームでの実装です。
・プルダウンの項目（選択肢）は約100個あります。
・アンケートフォームは会社単位で配布されます。
（つまり、配布される会社が30社あれば、同一のフォームが30個存在します）
・このアンケートをとあるクラウドサービスに取り込みます。
・各社ごとにプルダウンの中身がフィルタをかけるように制御したいです。
（例：A社には選択肢「1/2/3」B社には「4/5/6」など、選択肢数は会社ごとに異なります）

今回使用するサービスの仕様上、
同一の場所にプルダウンの値を入れるためには
同一のプルダウンを使用しなければいけません。

そのため、プルダウンの値を表示・非表示できるようにしたいのです。

言ってる意味が分かりづらかったらすみません、その都度補足していきます。
なお、HTMLなどは既存のフォームを使用している関係でいじることはできません。
JSで制御することしかできないです。

有識者の皆様、どうぞご助言をよろしくお願いいたします。

yamato_hikawa

2016/02/27 04:40

いじることができないHTMLのサンプルコードがないと、こちらで試してどうすればいいかわからないです。よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

例えば、こういうことでしょうか。

<script>
$(function(){
$('select option.companyA').remove();
});
</script>
<select name="sample">
  <option value="">選択してください</option>
  <option value="1" class="companyA">選択肢1</option>
  <option value="2" class="companyB">選択肢2</option>
  <option value="3" class="companyA">選択肢3</option>
  <option value="4" class="companyB">選択肢4</option>
  <option value="5" class="companyA">選択肢5</option>
</select>