使用 Javascript 与选择输入交互？答案

【问题标题】：Interacting with select input using Javascript?使用 Javascript 与选择输入交互？
【发布时间】：2012-08-01 21:39:37
【问题描述】：

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

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

【问题讨论】：

onload 未选择任何内容。或者你有什么特别的吗？
jsfiddle.net 可以测试这样的东西。当您在那里玩耍并向我们展示链接时，我们可以更好地帮助您
它是 ajax，所以之前的设置会在刷新时保存。它是一堆与 ajax 一起工作的文件。获取某物的 id 并查看选择的内容不是很简单吗？
看看here
呃，你有这个的代码 - 给我们看看！如果选项是通过代码选择的，我们将需要对其进行挂钩。

标签： javascript ajax select onload

【解决方案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”事件。

【讨论】：