javascript - 如图,如何用js控制最多添加5个按钮呀?

查看:82
本文介绍了javascript - 如图,如何用js控制最多添加5个按钮呀?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

 <script>
 //添加    
 $("#search").click(function(){
            var val_value = $("#jiedao option:selected").val();
            var val_text = $("#jiedao option:selected").text();
            $("#blank_1").before("<input type ='button'   class='yixuanquyu_1' value='"+val_text+"'>");
            
        });
 //单击删除
 
 $('.yixuanquyu').on("click", ".yixuanquyu_1", function(){
     $(this).remove();
})

    </script>

这个问题已被关闭,原因:问题质量差 - 问题太水、伸手党

解决方案

在js里面定义一个全局变量,每次添加的时候,把他+1,

 <script>
var num=0;
 //添加    
$("#search").click(function(){
    if(num>5){
        alert('已经添加了5个');
        return false;
    }
    var val_value = $("#jiedao option:selected").val();
    var val_text = $("#jiedao option:selected").text();
    $("#blank_1").before("<input type ='button'   class='yixuanquyu_1' value='"+val_text+"'>");
    num=num+1;
});
 //单击删除
 
$('.yixuanquyu').on("click", ".yixuanquyu_1", function(){
     $(this).remove();
     num=num-1;
})

 </script>

这篇关于javascript - 如图,如何用js控制最多添加5个按钮呀?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆