如何添加最大值到我的动态标签？

Question

我有一个创建动态标签的脚本，但我的问题是如何向标签添加最大值？我希望有一个人可以帮助我。

电贺

<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> 
 
\t <script type="text/javascript"> 
 
\t 
 
\t var countBox = 1; 
 
\t \t 
 
     function toevoegen() { 
 
\t \t document.getElementById('labels_span').innerHTML+='<span id="labelnaam'+countBox+'">Labelnaam:<input type="text" name="label_naam['+countBox+']"/></span'; 
 
\t \t document.getElementById('labels_span').innerHTML+='<span id="labelomschrijving'+countBox+'"><br/>Labelomschrijving:<input type="text" name="label_omschrijving['+countBox+']"/></br></br></span>'; 
 
\t \t document.getElementById('labels_span').innerHTML+='<span id="button'+countBox+'" ><input type="button" value="verwijderen" onclick=\'verwijderen('+countBox+');\'></br></br></span>'; 
 
\t \t countBox += 1; 
 
\t } 
 
\t \t 
 
\t function verwijderen(countBox) { 
 
\t \t var label1 = "#labelnaam"+countBox; 
 
\t \t var label2 = "#labelomschrijving"+countBox; 
 
\t \t var label3 = "#button"+countBox; 
 
\t \t $(label1).remove(); 
 
\t \t $(label2).remove(); 
 
\t \t $(label3).remove(); 
 
\t \t countBox -= 1; 
 
\t } 
 
\t </script>

\t <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>

Answer 1

检查，如果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; 
    } 

，改变您的删除功能：

function verwijderen(count) { 
    var label1 = "#labelnaam"+count; 
    var label2 = "#labelomschrijving"+count; 
    var label3 = "#button"+count; 
    $(label1).remove(); 
    $(label2).remove(); 
    $(label3).remove(); 
    countBox -= 1; 
} 

您传递countBox到verwijderen然后阴影您countBox变量的函数