如何为动态标签添加最大值？

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

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变量countBox在函数中