[英]How can i add a maximum to my dynamic labels?
I've a script that create dynamic labels but my question is how can I add a maximum to the labels? 我有一个创建动态标签的脚本,但我的问题是如何为标签添加最大值? I hope someone can help me.
我希望有一个人可以帮助我。
Greets 问候
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/javascript"> var countBox = 1; function toevoegen() { document.getElementById('labels_span').innerHTML+='<span id="labelnaam'+countBox+'">Labelnaam:<input type="text" name="label_naam['+countBox+']"/></span'; document.getElementById('labels_span').innerHTML+='<span id="labelomschrijving'+countBox+'"><br/>Labelomschrijving:<input type="text" name="label_omschrijving['+countBox+']"/></br></br></span>'; document.getElementById('labels_span').innerHTML+='<span id="button'+countBox+'" ><input type="button" value="verwijderen" onclick=\\'verwijderen('+countBox+');\\'></br></br></span>'; countBox += 1; } function verwijderen(countBox) { var label1 = "#labelnaam"+countBox; var label2 = "#labelomschrijving"+countBox; var label3 = "#button"+countBox; $(label1).remove(); $(label2).remove(); $(label3).remove(); countBox -= 1; } </script>
<form action='' name='' method='post'> </br><h4>Label toevoegen<input type='button' value='toevoegen' onclick='toevoegen();'></h4></br> <div id='labels_span'></div></br> </br><input type='submit' value='Registreren' name='submit_registreren'> </form>
check if countbox
is equal/greater/greater than
to a certain amount, like 检查
countbox
是否equal/greater/greater than
一定数量,例如
function toevoegen() {
if (countBox > 3) { //can use >=, > or ==
return;
}
document.getElementById('labels_span').innerHTML+='<span id="labelnaam'+countBox+'">Labelnaam:<input type="text" name="label_naam['+countBox+']"/></span';
document.getElementById('labels_span').innerHTML+='<span id="labelomschrijving'+countBox+'"><br/>Labelomschrijving:<input type="text" name="label_omschrijving['+countBox+']"/></br></br></span>';
document.getElementById('labels_span').innerHTML+='<span id="button'+countBox+'" ><input type="button" value="verwijderen" onclick=\'verwijderen('+countBox+');\'></br></br></span>';
countBox += 1;
}
and also change your removal function to: 并将您的删除功能更改为:
function verwijderen(count) {
var label1 = "#labelnaam"+count;
var label2 = "#labelomschrijving"+count;
var label3 = "#button"+count;
$(label1).remove();
$(label2).remove();
$(label3).remove();
countBox -= 1;
}
you are passing countBox
to verwijderen
which then shadows your countBox
variable in the function 您将
countBox
传递给verwijderen
,然后将您的countBox
变量countBox
在函数中
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.