wxapp后台表单js简略总结示例（点击下拉框的一些改变）

最新推荐文章于 2024-04-21 10:05:58 发布

alashan007

最新推荐文章于 2024-04-21 10:05:58 发布

阅读量220

点赞数

CC 4.0 BY-SA版权

分类专栏： PHP php框架前端

本文链接：https://blog.youkuaiyun.com/alashan007/article/details/79615500

PHP 同时被 3 个专栏收录

120 篇文章

订阅专栏

php框架

23 篇文章

订阅专栏

前端

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery动态控制表单元素显示与隐藏的方法，具体针对不同商品类型调整表单字段的可见性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?php JsBlock::begin() ?>
    <script>
        $(document).ready(function(){
            $(".field-pointsmall-group_id").hide();
            var type = $("#pointsmall-goods_type").val();
            if(type == 4){
                $(".field-pointsmall-goods_name").hide();
                $(".field-pointsmall-goods_desc").hide();
                $(".field-pointsmall-price").hide();
                $(".field-pointsmall-stock").hide();
                $(".field-pointsmall-recv_per_user").hide();

                $(".field-pointsmall-group_id").show();

            }else{
                $(".field-pointsmall-goods_name").show();
                $(".field-pointsmall-goods_desc").show();
                $(".field-pointsmall-price").show();
                $(".field-pointsmall-stock").show();
                $(".field-pointsmall-recv_per_user").show();

                $(".field-pointsmall-group_id").hide();
            }

            $("#pointsmall-goods_type").change(function(){
                var type = $("#pointsmall-goods_type").val();
                if(type == 4){
                    $(".field-pointsmall-goods_name").hide();
                    $(".field-pointsmall-goods_desc").hide();
                    $(".field-pointsmall-price").hide();
                    $(".field-pointsmall-stock").hide();
                    $(".field-pointsmall-recv_per_user").hide();

                    $(".field-pointsmall-group_id").show();

                }else{
                    $(".field-pointsmall-goods_name").show();
                    $(".field-pointsmall-goods_desc").show();
                    $(".field-pointsmall-price").show();
                    $(".field-pointsmall-stock").show();
                    $(".field-pointsmall-recv_per_user").show();

                    $(".field-pointsmall-group_id").hide();
                }
            })
        });
    </script>
<?php JsBlock::end() ?>