zoukankan      html  css  js  c++  java
  • html中select的onchange打开方式

    在做网站的时候,常常会用到下拉菜单来打开一个窗口,下拉菜单有2种打开方式,分别是在当前页面打开和在新窗口打开。

    select新窗口打开 :
    <select onchange="window.open(this.value);">
    <option>请选择</option>
    <option value="www.baidu.com">百度</option>
    <option value="www.sina.com">新浪</option>
    </select>

    当前页面打开:
    <select onchange="location.href=this.value;">
    <option>请选择</option>
    <option value="www.baidu.com">百度</option>
    <option value="www.sina.com">新浪</option>
    </select>

    【注意】

    window.open() 打开一个新的窗口,在选取默认第一个不需要打开新窗口时,可以用if判断一下:

    <select onchange="if(value != 0){window.open(this.value);}">
    <option selected value=0>请选择</option>
    <option value="www.baidu.com">百度</option>
    <option value="www.sina.com">新浪</option>
    </select>

  • 相关阅读:
    JS基础知识点2
    JS基础知识
    CSS-弹性盒子
    css取值
    css语法和规则
    第7-9章作业汇总
    第7-9章作业---第3题
    第四次作业——第一题
    第四次作业-第二题
    第四次作业---第四题
  • 原文地址:https://www.cnblogs.com/miny-simp/p/7040688.html
Copyright © 2011-2022 走看看