jQuery动态创建DOM之后,给新创建的DOM绑定事件。

先上两张图,说明一下将要实现的效果
这里写图片描述
这里写图片描述

根据下拉列表的选择的不同,展示不同的内容。
刚开始我的做法是,找到dom元素,直接绑定change事件,结果什么效果没有。
上代码。。

$("#select-type").change(function () {
    console.log(1);
    
    if($("#select-type option:selected").text()=="选择题"){
        $(".filling-up").css("display","none");
    }else{
        $(".select-item").hide();
        $(".filling-up").css("display","table");
    }
})

这么写,压根儿不会打出来,因为js代码执行完了,dom还没创建呢。

后来看了陈三的博客 https://blog.zfanw.com/jquery-dynamic-insert-element-bind-event/

修正了一下

$(document).on("change", "#select-type", function () {
   if ($("#select-type option:selected").text() == "选择题") {
       $(".filling-up").css("display", "none");
       $(".select-item").css("display", "table-row");
   } else {
       $(".select-item").css("display", "none");
       $(".filling-up").css("display", "table-row");
   }
});

结果就奇迹般的实现了。感谢陈三大哥的博客,牛批!!!

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值