javascript - 選択リストの現在のオプションに応じてボディクラスを変更します

Question

jQueryを使用せずに、選択リストで現在選択されているオプションに基づいてボディクラスを変更するにはどうすればよいですか？

前もって感謝します！

Answer 1

これを試して

var ddl = document.getElementById("dropDownListID");
var optnValue = ddl.options[ddl.selectedIndex].text;
if(optnvalue == "something")
  document.body.className = "newClass";
else
  document.body.className = "otherClass";

アイデアは、オプション値を取得し、取得した値に基づいて body タグのクラスを変更することです

注 これには 、
オプション タグのテキストが含まれます。
<option value="1">something</option>
ddl.options[ddl.selectedIndex].textsomething
ddl.options[ddl.selectedIndex].value1