Question

用js下拉框控制复选框的显示问题

<script language="javascript">
function f(obj){
var mylayers = document.getElementById("mylayer").getElementsByTagName("DIV");

for(var i=0; i <mylayers.length; i++){
mylayers[i].style.display = "none";
}
mylayers[obj.selectedIndex].style.display = "block";
}
</script>
<div id="mylayer">
<div style="display:block;">
</div>
<div> </div>
<div> </div>
<div> </div>
</div>

<select name="select" onchange = "showandhide(this.value)">
<option value="1">袜子产品</option>
<option value="2">袜机设备</option>
<option value="3">袜子原料</option>
<option value="4">辅助材料</option>
</select>
添加的时候，下拉菜单中选择一项，都会出现对应的复选框，但是在内容修改的时候却不行了，比如袜子产品，对应的内容为1111，袜机设备对应显示的内容为22222，你添加的时候选择袜机设备，对应的内容为2222，但是在修改的时候，下拉菜单这显示也是袜机设备，但是显示的内容是1111，只有在下拉菜单中再次选择袜机设备的时候才会显示2222【总体感觉就是js在修改内容时未能第一次加载数据，或者就是下拉菜单对内容显示的没进行绑定】
如上图所示

若以下回答无法解决问题，邀请你更新回答

Answer 1

事件改成onChange() 呵呵

追问

恩，事件的确是onChage()，不然我在添加的时候也不会实现层隐藏的功能，主要问题是修改的时候出现不对应的情况

追答

不好意思这个问题没遇到过 您可以做一个小例子 只有2个下拉的例子试验以下就知道那里发生错误了

追问

恩，还是谢谢你了，问题我已经知道出在哪，就是代码不会写，郁闷噶，问题我还是继续详细说明下，希望大家给点力啊
添加的时候可以显示层隐藏功能，主要是修改的时候出现问题，层显示的内容跟下拉的内容不对应，下拉的内容在修改的时候是对的，就是下面4个层老显示第一层的内容的，非得在下拉框中重新选择一次才会出现对应的内容
这是第一层的代码
</div

追答

加下QQ