javascript小知识

weixin_40367377

已于 2023-11-29 23:59:04 修改

阅读量203

点赞数

分类专栏： javascript 文章标签： javascript 前端开发语言

于 2022-10-02 18:18:57 首次发布

本文链接：https://blog.csdn.net/weixin_40367377/article/details/127144983

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

获取表单内容

<form class="edit_from">
    <input type="text" name="fname">
</form>
<button type="button" onclick="get_from()">确定</button>
<script>
function get_from(){
    var res = $(".edit_from").serializeArray();
    $.post("{:url('Order/update')}", res,function(data){
        if( data.error>0 ){
            toastr.error( data.msg );  
        }else{
            toastr.success( data.msg );  
            jQuery('#modal-edit').modal('hide');
            location.reload();
        }
    }, "json");
}
</script>

多级导航筛选

<a href="/product/list{notempty name="$param.brand"}_brand_{$param.brand}{/notempty}{notempty name="$param.province"}_province_{$param.province}{/notempty}.html" class="menu0 l" title="挖掘机">全部类型<span></span></a>
{volist name='productlist' id='vo'}
<a href="/product/list_menu_{$vo.id}{notempty name="$param.brand"}_brand_{$param.brand}{/notempty}{notempty name="$param.province"}_province_{$param.province}{/notempty}.html" class="menu{$vo.id} l" title="挖掘机">{$vo.name}<span>({$vo.shuliang})</span></a>
{/volist}
<hr>
<a href="/product/list{notempty name="$param.menu"}_menu_{$param.menu}{/notempty}{notempty name="$param.province"}_province_{$param.province}{/notempty}.html" class="brand0 l" title="挖掘机">全部品牌<span></span></a>
{volist name='brand' id='vo'}
<a title="" href="/product/list{notempty name="$param.menu"}_menu_{$param.menu}{/notempty}_brand_{$vo.id}{notempty name="$param.province"}_province_{$param.province}{/notempty}.html"  class="brand{$vo.id} l gn ">{$vo.title}<span>({$vo.shuliang})</span>
</a>
{/volist}
<hr>
<a title="" href="/product/list{notempty name="$param.menu"}_menu_{$param.menu}{/notempty}{notempty name="$param.brand"}_brand_{$param.brand}{/notempty}.html" " class="0 l gn ">全部地区<span></span></a>
{volist name='province' id='vo'}
<a title="" href="/product/list{notempty name="$param.menu"}_menu_{$param.menu}{/notempty}{notempty name="$param.brand"}_brand_{$param.brand}{/notempty}_province_{$vo.province_pinyin}.html"  class="{$vo.province_pinyin} l gn ">{$vo.province}<span>({$vo.shuliang})</span></a>
{/volist}
<script>
    var menu = 'menu'+'{$param.menu}';
    $("."+menu).addClass('cur');
    var brand = 'brand'+'{$param.brand}';
    $("."+brand).addClass('cur');
    var province = '{$param.province}';
    $("."+province).addClass('cur');
    console.log(province);
</script>

请添加图片描述

jquery标签更改

<script>
    $().ready(function(){
        $(".item-list li").click(function(){
            $(this).addClass('choose');
            $(this).siblings().removeClass('choose');
            var _index = $(this).index();
            $(".content-wrapper-center>div").eq(_index).show().siblings().hide();
        });
    });
</script>