青岛网站建设新闻资讯

layui实现选择select下拉框里面的url链接项就能自动跳转

时间:2024-09-18 已阅读:268次 | 作者:青岛网站建设

首页>新闻资讯>建站知识

layui实现选择select下拉框里面的url链接项就能自动跳转,实现方法如下:

html代码:

<select id="test" lay-filter="test">
<option value="">请选择要跳转的页面</option>
<option value="https://www.layui.com" target="_blank">Layui 官网</option>
<option value="https://www.qinghuahulian.com" target="_blank">青华互联</option>
<option value="https://www.baidu.com" target="_blank">百度一下</option>
</select>

js代码:

$(document).ready(function() {
  var form = layui.form;
  form.on('select(test)',
  function(data){
    var url = data.value;
    if(url){
	window.location.href = url; // 跳转到相应的链接,两种跳转方法
	//window.open(url, data.elem.target || '_self');
    }
  });
});



二维码
扫描二维码手机查看该文章

文章引用:https://www.qinghuahulian.com/news/webzhishi/1462.html

相关资讯

Copyright © 2011-2024 青华互联-青岛青华锐思网络科技有限公司 www.qinghuahulian.com All Rights Reserved
鲁公网安备37020202000800号 鲁ICP备14020555号-4 网站地图 百度地图