这是一份报名表单，要求用户在选中“专业人士访问员”和“定性访问员”后，分别显示“可提供被访者类型”和“容易接触到的行业”的对应表单。当呈未选中状态时，这2个框也对应的隐藏起来。
html部分
复制代码 代码如下:
报名参加的兼职职位(必填项)
按住ctrl键可多选
入户访问员
街访访问员
街访拦截员
电话访问员
神秘顾客
专业人士访问员
企业深访员
定性联络员
主持人
质量控制员
数据录入员
可提供被访者类型
容易接触到的行业
javascript部分
option不能定义事件（我没试出来），所以事件要定义在select上。 这里使用的是onchange事件，onchange事件是当对象发生变化时触发，在这里用onchange比onclick合理许多，效果也好。
在调试这个脚本的时候，一开始我是用selectedindex，试验多次发现selectedindex在多选的情况下只能捕捉到第一个选中的选项，无法承担多选的工作。查了下参考书，才发现自己走了弯路。
复制代码 代码如下:
var olistbox = document.getelementbyid(kc_selectjob);
olistbox.onchange = function showeasyvisitbox(){
var oeasyvisitbox = document.getelementbyid(easyvisitbox);
var osupportvisitbox = document.getelementbyid(supportvisitbox);
if (olistbox.options[5].selected)
{
oeasyvisitbox.style.display = block;
}
else {
oeasyvisitbox.style.display = none;
}
if (olistbox.options[7].selected)
{
osupportvisitbox.style.display = block;
}
else {
osupportvisitbox.style.display = none;
}
}