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

2024-11-18 08:22:09 196
摘要: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');
}
});
});

你觉得这篇文章怎么样?

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

7*24小时为您服务

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

本文标题:layui实现选择Select下拉框里面的url链接项就能自动跳转,实现方法如下
免责声明:文章《layui实现选择Select下拉框里面的url链接项就能自动跳转,实现方法如下》来至网络,文章表达观点不代表本站观点,文章版权属于原作者所有,若有侵权,请联系本站站长处理!
不忘初心,方得始终
中高端网站定制开发服务商
与我们取得联系
198-1095-0281 460623785

好作品自己会说话,

我们敬畏您给予的点滴信任 !

期待携手合作,请立即咨询我们:
QQ咨询
微信咨询
198-1095-0281
我们用心,期待您成为我们的客户
联系QQ客服

QQ扫码联系客服

联系微信客服

微信扫码联系客服

微信号: 198-1095-0281
添加微信好友, 详细咨询相关信息。

复制并跳转微信
19810950281