javascript - 使用 Javascript 与选择输入交互？

Question

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

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

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”事件。