master

分支 (1)

管理

管理

master

jquery_space
/
jq实现下拉列表跳转.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>

<select id="friend">
  <option value="">请选择</option>
  <option value="http://www.baidu.com">baidu</option>
  <option value="http://www.163.com">网易</option>
</select>


<script src="js/jquery3.5.js"></script>
<script>
$(function(){

  $('#friend').change(function(){
    if(this.value==''){
      throw new TypeError('网址为空！');
    }

    // location.href = this.value; // 这种直接被重定向

    // window.open(this.value); // 这种弹出可能存在被浏览器弹窗拦截程序阻止

    //下面的方案不会被阻止
    var form = document.createElement('form');
    form.action = this.value;
    form.target = '_blank';
    document.body.append(form);
    form.submit();
    form.remove();

  })

})
</script>

</body>
</html>