2012-08-01 78 views
0

说我有一个选择输入10个选项和id“myselect”。我怎么能,在页面加载或基本上尽可能早,以便它看起来好像它是这样加载,检查哪些选项被选中“myselect”,并添加一个CSS类的父,母公司选择是在?使用Javascript与选择输入交互?

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

+0

onload没有被选中。或者你有什么特别的? – Bergi 2012-08-01 11:49:12

+0

[jsfiddle.net](http://jsfiddle.net/)用于测试这样的事情。当你在那里玩耍并向我们展示链接时,我们可以更好地帮助你 – 2012-08-01 11:51:54

+0

这是ajax,因此以前的设置将保存在刷新上。这是一堆与ajax一起工作的文件。这难道不直截了当地抓住某件事物的身份,看看选择了什么? – 2012-08-01 11:59:07

回答

0

加载后立即挂钩的最佳方式是在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”事件。