小二CMS官网

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

2024-11-18 08:22:09 关注:
摘要:layui实现选择select下拉框里面的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 value=https://www.jz190.com target=_blank>建站190< / option >

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');
}
});
});

你觉得这篇文章怎么样?

50 0
本文网址:layui实现选择Select下拉框里面的url链接项就能自动跳转,实现方法如下
免责声明:文章《layui实现选择Select下拉框里面的url链接项就能自动跳转,实现方法如下》来至网络,文章表达观点不代表本站观点,文章版权属于原作者所有,若有侵权,请联系本站站长处理!

扫描二维码与小二CMS创始人沟通:

小二CMS微信

小二CMS专注于高端网站定制、系统开发、商城开发、外贸网站建设、公众号开发、小程序开发、网站优化推广、安全运维等技术领域。是高端定制网站领域著名服务商!

相关资讯
返回顶部