从下拉列表中选择项目时执行javascript代码

时间:2011-11-24 19:23:30

标签: javascript html drop-down-menu

我想从下拉列表“jumpMenu”

中选择项目时执行java脚本代码

javascript代码:

function MM_jumpMenu(selObj){ 

switch(selObj.options[selObj.selectedIndex].value)
{

    case 2:
      document.getElementById("method2").style.display = 'none';
      document.getElementById("method3").style.display = 'block';
      break;
    case 3:
      document.getElementById("method3").style.display = 'none';
      document.getElementById("method2").style.display = 'block';
      break;


   }
}

java脚本会影响这个html代码:

<div id="method2"></div>
<div id="method3"></div>

下拉列表:

<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu(this)">
            <option value="1">item1</option>
            <option value="2">item2</option>
            <option value="3">item3</option>
</select>

更新我应该使用“”引用切换案例

1 个答案:

答案 0 :(得分:0)

您要查找的媒体资源名为selectedIndex

 selObj.options[selObj.selectedIndex].value