使用Javascript与选择输入交互?

使用Javascript与选择输入交互?,javascript,ajax,select,onload,Javascript,Ajax,Select,Onload,假设我有一个带有10个选项的select输入,id为“myselect”。如何在页面加载时或基本上尽可能早地以这种方式加载,检查在“myselect”中选择了哪个选项,并将css类添加到select所在的父、父div中 这个问题的第二部分是,如果在页面加载后更改select,那么相应地更改css类的最佳方法是什么?最好只添加第二个javascript位,它使用onclick而不是onload之类的东西吗?加载后立即连接到某个东西的最好方法是在HTML元素之后立即使用内联javascript块。它

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


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

加载后立即连接到某个东西的最好方法是在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>
。。。
var sel=document.forms[0].S1;

var ind=选择的索引;未选择“不加载任何内容”。或者你有什么特别的吗?有这样的测试工具。当你在那里玩并向我们展示一个链接时,我们可以帮助你更好地使用ajax,因此在刷新时保存以前的设置。它是一组与ajax一起工作的文件。这不是很简单的抓取某物的id并查看所选内容吗?看一看,呃,你已经有了这方面的代码-向我们展示它!如果选项是由代码选择的,我们将需要钩住它。