js实现根据下拉列表动态改变其他层

第一步

html代码

<select id="source" onchange("getval(this.value)")>

  <option value="1">11111</option>

    <option value="2">2222</option>

  <option value="3">3333</option>

</select>

//用来改变的div

<div id="targetdiv">1111</div>

第二步

js

<script>

function getval(vals){

//获取改变的值(就是参数)

var temp;

if（vals==1）{

temp="111111111111111111111111 111111111111";

}

else if(vals==2){

temp="222222222222222222222222 2222222222222";

}

else if(vals==3){

temp="333333333333333333333333 333333333333";

}

else{

temp="000000000000000000000000 00000000000";

}

//将值赋给显示层

document.getElementByIdx_x(" targetdiv").innerHTML="";

document.getElementByIdx_x(" targetdiv ").innerHTML=temp;

}

</script>

ok，结束