Question

我很好奇在一个JavaScript文件中使用变量具有多个函数的正确方法。我似乎无法理解它的正确语法。

我正在尝试从randomsnippets.com复制该示例，但希望表单的其他区域可以选择添加更多。我不想要有一堆脚本标签或js文件！

所以回顾一下，我想要像这样的东西

variable a = value
variable b = value
function name(something){
stuff for variable a
}
function name(something){
stuff for variable b
}

非常感谢任何帮助！

<script>
      var counter = 1;

    var limit = 3;

    function addInput(divName){

         if (counter == limit)  {

              alert("You have reached the limit of adding " + counter + " inputs");

         }

         else {

              var newdiv = document.createElement('div');

              newdiv.innerHTML = "Entry " + (counter + 1) + " <br><input type='text' name='myInputs[]'>";

              document.getElementById(divName).appendChild(newdiv);

              counter++;

         }

    }
  </script>
<form method="POST">

     <div id="dynamicInput">

          Entry 1<br><input type="text" name="myInputs[]">

     </div>

     <input type="button" value="Add another text input" onClick="addInput('dynamicInput');">

</form>

Answer 1

我不知道我的问题是否正确。我假设全局变量的问题，并试图给出一个解决方案。如果我是你。我会得到这种方法。使用全局变量不是一个好的解决方案。当页面获取刷新时，变量将被重置。那么准确性就不存在了。我建议的是即时获取输入计数。

var limit = 3;

function addInput(divName){

    var counter = 1;
    counter=$( "#"+divName ).children( "input" ).length;

if (counter == limit)  {

    alert("You have reached the limit of adding " + counter + " inputs");

}

else {

    var newdiv = document.getElementById(divName );

    newdiv.innerHTML = newdiv.innerHTML+"<br/>Entry " + (counter + 1) + " <br><input type='text' name='myInputs[]'>";

    document.getElementById(divName).appendChild(newdiv);

    counter++;

}

}

如何在同一个文件中使用多个带有变量的JavaScript函数？

1 个答案: