使用Javascript与选择输入交互

Interacting with select input using Javascript?

本文关键字：输入 交互 选择 Javascript 使用      更新时间：2024-06-06

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

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

加载后立即挂接的最佳方法是在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"事件。

相关文章：