使用Javascript与选择输入交互？

Question

假设我有一个包含10个选项和id“myselect”的选择输入。我怎样才能在页面加载或基本上尽可能早地使它看起来好像以这种方式加载，检查在“myselect”中选择了哪个选项并将css类添加到父选择所在的父div？

这个问题的第二部分是，如果你在页面加载后更改选择，那么相应更改css类的最佳方法是什么？是否最好只添加第二个使用onclick而不是onload的javascript位？

Answer 1

加载后立即挂钩的最好方法是在HTML元素后立即使用内联JavaScript块。它比使用document.ready要优雅得多，但它肯定会起作用。像这样：

<select name="s1" id="S1">...<.select>
<script type="text/javascript">
var sel = document.forms[0].S1;
var ind = sel.selectedIndex; <-- this will tell you which is selected
if(ind==3) {
    document.getElementById("S1").parentNode.setAttribute("className", "active")
}
</script>

对于第二部分，您想要连接“onchange”事件。