rinald_未来往事

用js实现select下拉框跳转页面

WEB前端

用js实现select下拉框选择跳转页面 下拉框跳转代码
例一:在当前页面打开

  1. <div>
  2. <p>友情链接:</p>
  3. <select name="archive" onchange="document.location.href=this.options[this.selectedIndex].value;">
  4. <option>请选择</option>
  5. <option value="http://fity.cn/">未来往事</option>
  6. <option value="http://www.household114.com/">中华家居网</option>
  7. </select>
  8. </div>

例如:本博客右侧栏下方的日志年月归档。
例二:在新窗口中打开

  1. <div>
  2. <p>友情链接:</p>
  3. <select onchange="window.open(this.options[this.selectedIndex].value)">
  4. <option>请选择</option>
  5. <option value="http://fity.cn/">未来往事</option>
  6. <option value="http://www.household114.com/">中华家居网</option>
  7. </select>
  8. </div>
原文作者:rinald
原文地址:http://fity.cn/post/422.html
互联网技术更新较快,本站很多文章具有实效性,我会及时更新原文,但转载的文章无法通知更新。为了不给读者造成困惑或误导,请您在转载时保留此出处信息,尊重别人也是尊重自己。

已有1位网友发表了看法:

1L洗眉 2013-11-13 13:57:29 回复
看起来很不错

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。