首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JS创建下拉框怎么实现页面跳转

2012-02-15 
JS创建下拉框如何实现页面跳转如下用JS创建下拉框后如何实现跳转:body script typetext/javascript

JS创建下拉框如何实现页面跳转
如下用JS创建下拉框后如何实现跳转:
<body >
<script type="text/javascript">
function createSelect()
{
  var select1 = document.createElement("select");
  var ooption = new Array();
  ooption[0] = "one";
  ooption[1] = "two";
  ooption[2] = "three";
  ooption[3] = "four";
  ooption[4] = "five";
   
   
  var optionValue = new Array();
  optionValue[0] = "1.html";
  optionValue[1] = "2.html";
  optionValue[2] = "3.html";
  optionValue[3] = "4.html";
  optionValue[4] = "5.html";
  for(var i=0;i<5;i++)
  {
  select1.options[i] = new Option(ooption[i], optionValue[i]);

  }
  document.body.appendChild(select1);
}
createSelect()
</script>
</body>


[解决办法]
select1.onchange = function(){
location.href = this.value;
}
[解决办法]
select1.onchange=function()
{
window.location.href=this.options[this.selectedIndex].value;
}

热点排行