我想不通为什么我的柜台不工作。我觉得应该这样做,因为它可以在wordpress网站上的一些不同的代码上工作,但是如果我从我测试的.html文件中打开它,它不会与此代码一起工作。我不是一个编码器,所以我确定我的代码看起来很乱,所以对我来说很容易。onclick counter = array.length不起作用
<!doctype html>
<html>
<head>
<title>JS Test</title>
<meta charset="utf-8">
</head>
<body>
<h1>Test Javascript</h1>
<form id="form1">
<fieldset id="java">
<legend>Form Append Test</legend>
<div id="tabelRow">
</div>
<div id="button">
<p><input type="button" onclick="myFunction()" value="Click"></p>
</div>
</fieldset>
</form>
<script type="text/javascript">
function myFunction() {
var fs = document.getElementById("java");
var button = document.getElementById("button");
var newDiv = document.createElement("div");
var newH = document.createElement("label");
var hText = document.createTextNode("Product");
var newP = document.createElement("select");
var options = [
{
"text" : "FHA",
"value" : "1"
},
{
"text" : "USDA",
"value" : "2"
},
{
"text" : "VA",
"value" : "3"
},
{
"text" : "Convnetional",
"value" : "4"
},
{
"text" : "Construction",
"value" : "5"
},
{
"text" : "Chattel",
"value" : "6"
},
{
"text" : "Fannie MAE HARP",
"value" : "7"
}
];
newH.appendChild(hText);
newDiv.className = "tablerow test";
newDiv.appendChild(newH);
newDiv.appendChild(newP);
var ol = options.length;
var counter = 0;
if (counter == ol) {
alert("You have reached the limit of adding " + counter + " inputs");
}
else {
for(var i = 0; i < ol; i++) {
var proMenu = options[i];
newP.options.add(new Option(proMenu.text, proMenu.value));
}
fs.appendChild(newDiv);
fs.insertBefore(newDiv, button);
counter++;
}
}
</script>
</body>
</html>
任何想法?
您计数器每次进入函数的时间设置为0,所以,除非'ol'是空的条件永远不会为真。 –