下拉菜单改进功能

帅帅的宝宝必定全部代码，收分了！
<html> 
<script  language="javascript" type="text/javascript"> 
function func(obj){
    switch(obj.value){
        case "w":
document.getElementById("textId").value = "100";
oye(obj.value);
break;
        case "x":
document.getElementById("textId").value = "200";
oye(obj.value);
break;
case "y":
document.getElementById("textId").value = "300";
oye(obj.value);
break;
}
} 
function oye(oyevalue){
        document.getElementById("select1").value = oyevalue;
document.getElementById("select2").value = oyevalue;
}
</script> 
<body> 
<form   name="form1" action=""> 
尺寸: <select     name="select1"   id="select1"       onchange="func(this)"> 
<option     value="w"> 小 </option> 
<option     value="x"> 中 </option> 
<option     value="y"> 大 </option> 
</select>     
重量: <select     name="select2"     id="select2"     onchange="func(this)"> 
<option     value="w"> 100g </option> 
<option     value="x"> 200g </option> 
<option     value="y"> 300g </option> 
</select>     
价格: <input   type="text" name="textId" id="textId" value="100" \> 
</form> 
</body> 
</html> 

解决方案 »

  1.   

    帅帅的宝宝，够强。。不过有一个问题：
    尺寸: <select     name="select1"   id="select1"       onchange="func(this)"> 
    <option     value="w"> 小 </option> 
    <option     value="x"> 中 </option> 
    <option     value="y"> 大 </option> 
    </select>  这样子，我传送的值都变为“w”，“x”，“y”，其实我是要“a”，“b”，“c”的。
      

  2.   

    +几个case贝
    <html> 
    <script  language="javascript" type="text/javascript"> 
    function func(obj){
        switch(obj.value){
            case "w":
    case "a":
    document.getElementById("textId").value = "100";
    document.getElementById("select1").value = "a";
    document.getElementById("select2").value = "w";
    break;
            case "x":
    case "b":
    document.getElementById("textId").value = "200";
    document.getElementById("select1").value = "b";
    document.getElementById("select2").value = "x";
    break;
    case "y":
    case "c":
    document.getElementById("textId").value = "300";
    document.getElementById("select1").value = "c";
    document.getElementById("select2").value = "y";
    break;
    }
    } 
    </script> 
    <body> 
    <form   name="form1" action=""> 
    尺寸: <select     name="select1"   id="select1"       onchange="func(this)"> 
    <option     value="a"> 小 </option> 
    <option     value="b"> 中 </option> 
    <option     value="c"> 大 </option> 
    </select>     
    重量: <select     name="select2"     id="select2"     onchange="func(this)"> 
    <option     value="w"> 100g </option> 
    <option     value="x"> 200g </option> 
    <option     value="y"> 300g </option> 
    </select>     
    价格: <input   type="text" name="textId" id="textId" value="100" \> 
    </form> 
    </body> 
    </html>