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

html代码：

< select id="test" lay-filter="test">
< option value="">请选择要跳转的页面< /option >

< option value="https://www.xiaoercms.com" target="_blank">小二CMS< / option >

< option value="https://www.chaoxunxing.com" target="_blank">超讯兴网络科技</option >
< option value="https://www.jz190.com" target="_blank">建站190< / 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');
    }
  });
});

小二CMS介绍

我们立足合肥，业务覆盖安徽、全国及全球市场。我们凭借一支经验丰富、富有创意、协作无间的专业技术团队，专注于将前沿技术通过高效简捷的途径呈现给客户，量身打造优质解决方案。我们致力于通过持续努力，成为客户在信息化领域值得托付、共创价值的长期战略合作伙伴，协助客户在新经济时代敏锐捕捉商机，拓展发展空间，构筑强大竞争力。小二CMS专注企业数字化转型的智能建站与营销系统，提供从官网搭建、品牌推广到运营增长的一站式服务，助力中小企业低门槛拥有专业级互联网阵地。

网站建设 移动相关开发 营销推广与优化 域名主机邮箱 产品与技术 企业服务

了解全部业务

扫码咨询 · 关注微信