请选择 进入手机版 | 继续访问电脑版

UESOHO

html select option 加跳转链接

admin 发表于 3-8 14:24:03 | 0 条回复 | 276 次浏览

//另开页面
Html页面代码
  1. <select name="select" id="select" style="height: 25px; width: 240px; line-height: 25px;" onchange="s_click(this)">
  2.     <option>====友情链接====</option>
  3.     <option value='http://www.baidu.com'>====xxxxxxxx====</option>
  4.     <option value='http://www.baidu.com'>====xxxxxxxx====</option>
  5. </select>
复制代码

//本页跳转
  1. <select multiple="multiple" onchange="top.location=this.value;">
  2. <option value="http://www.sohu.com/">Sohu</option>
  3. <option value="http://www.google.com/">Google</option>
  4. </select>
复制代码


JS代码
  1. <script type="text/javascript">
  2.     //select跳页
  3.     function s_click(obj) {
  4.         var num = 0;
  5.         for (var i = 0; i < obj.options.length; i++) {
  6.             if (obj.options[i].selected == true) {
  7.                 num++;
  8.             }
  9.         }
  10.         if (num == 1) {
  11.             var url = obj.options[obj.selectedIndex].value;
  12.             window.open(url); //这里修改打开连接方式
  13.         }
  14.     }
  15. </script>
复制代码


回复 道具 举报

您需要登录后才可以回帖 登录 | 注册

UESOHO/津ICP备11001501号-4 Powered by Discuz!

top