根据选择列表中的当前选项更改body类

Question

不使用jQuery，如何根据选择列表中当前选择的选项更改body类？

提前致谢！

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";

想法是获取选项值，然后根据您获得的值更改正文标记的类

注意
这将包含选项标签
的文本 即，<option value="1">something</option>
因此ddl.options[ddl.selectedIndex].text将为您提供something和
ddl.options[ddl.selectedIndex].value会给您1