各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案

Str Tom,为分享PHP技术和解决方案,贡献一份自己的力量!
收藏本站(不迷路),每天更新好文章!
当前位置:首页 > CMS教程 > eyoucms

JQ的select下拉框跳转应用

管理员 2023-08-26
eyoucms
614

HTML部分:

<div class="mbiCate show_tb show_mb">

<select name="">

                          {eyou:type typeid='70'}<option selected="" value="{$field.typeurl}">全部</option>{/eyou:type}

                        {eyou:models type='first' currentclass='on'}

                        <option value="{$field.typeurl}">{$field.typename}</option>

                        {/eyou:models}

        </select>

</div>

JQ部分:

<script>

$(function() {

                $(".mbiCate select").change(function(){

var cid = $(this).val();

window.location=""+cid;

})

});

</script>

功能介绍:

        此代码用于下拉菜单的选择跳转,有利于节省空间和代码的整洁美观。

扫码关注

qrcode

QQ交谈

回顶部