JavaSrcipt小白求助

有2个下拉框
要根据下拉框选择的东西去改变一个图片、代码是这样的 <script language="javascript">
function changeType(){
var arr = new Array();
arr["联盟"]=["矮人","侏儒","人类","兽人"];
arr["部落"]=["暗夜精灵","牛头人","巨魔","亡灵"];

var type = document.MyFrom.xxx.value;
if (type==""){
document.MyFrom.ccc.options.length=1;
return;
}
document.MyFrom.ccc.options.length=1;
for(var i in arr[type]){
var n = new Option(arr[type][i],arr[type][i]);
document.MyFrom.ccc.options.add(n);
}
}
function changePP(){
---------请问这个参数怎么写
}
</script>
<body background="javascript/images/bg.jpg">
<form name="MyFrom">
        <table align="center">
            <tr>
                <td align="center">魔兽世界八大种族（图）</td>
            </tr>
            <tr>
                <td align="center">
                    <select name="xxx" onchange="changeType()">
                        <option>--阵营选择--</option>
                        <option value="联盟">联盟</option>
                        <option value="部落">部落</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <select name="ccc" onchange="changePP()">
                        <option>--角色选择--</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td align="center">
                 <img src="javascript/images/dwarves-small.jpg" id="1" style="display:none"/>
                    <img src="javascript/images/gnomes-small.jpg" id="2" style="display:none"/>
                    <img src="javascript/images/humans-small.jpg" id="3" style="display:none"/>
                    <img src="javascript/images/nightelves-small.jpg" id="4" style="display:none"/>
                    <img src="javascript/images/orcs-small.jpg" id="5" style="display:none"/>
                    <img src="javascript/images/tauren-small.jpg" id="6" style="display:none"/>
                    <img src="javascript/images/trolls-small.jpg" id="7" style="display:none"/>
                    <img src="javascript/images/undead-small.jpg" id="8" style="display:none"/>
                </td>
            </tr>
        </table>
    </form>
</body>各位大侠帮忙啊 感激不尽 请尽量用简单易懂的办法~因为我刚学JavaSrcipt

解决方案 »

  1.   

    java script为啥发在java SE
      

  2.   

    java ee  你是搞游戏开发啊。。
      

  3.   

    changePP中传下拉框的值对应的id，根据id判断要显示哪个图片，如果id和图片名称是有规律的，直接一个循环就可以了
      

  4.   


    js什么时候又归javaEE管了
      

  5.   

    有JS的版块啊。。
    function changePP(){
    var type=document.getElementById("xxx").value;
    var selectValue=document.getElementById("ccc").value;
    if(type=="联盟"){
    if(selectValue=="矮人"){
    document.getElementById("1").style.display="";}
    if(selectValue=="侏儒"){
    document.getElementById("2").style.display="";}
    if(selectValue=="人类"){
    document.getElementById("3").style.display="";}
    if(selectValue=="兽人"){
    document.getElementById("4").style.display="";}
    }else{
    if(selectValue=="暗夜精灵"){
    document.getElementById("5").style.display="";}
    if(selectValue=="牛头人"){
    document.getElementById("6").style.display="";}
    if(selectValue=="巨魔"){
    document.getElementById("7").style.display="";}
    if(selectValue=="亡灵"){
    document.getElementById("8").style.display="";}
    } }有点儿小bug，我也刚学。。
    人类圣骑士的说。。
      

  6.   

    var index = //选择框的索引加1
    for(var i = 1 ; i <= 8 ; i++ )
    {
       document.getElementById(i+"").style.display = index == i ? "display":"none";
    }