javascript - 如图,如何用js控制最多添加5个按钮呀?
本文介绍了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屋!
查看全文