当你点击功能按钮（开始）时没有实现

Question

 <script> var imgsrc = []; for (i=0;i<30;i++) imgsrc[i] = "images/"+i+".jpg"; function start() { $numberimg = document.getElementById("numberimg").value; $numbercolumn = document.getElementById("numbercolumn").value; for (i = 0; i < $numberimg; i++) { text += "<img src='" + imgsrc[i] + "'><br>"; } document.getElementById("content").innerHTML = text; } </script>

 <style type="text/css"> body,td,th { margin:0px; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size: 12px; background-color:#B800FF; } .wrapper{ width:100%; margin:0px;} .container{ width:960px; margin:auto; background-color:#FFFFFF;} #select{ margin-bottom:50px; margin-top:50px;} .selection{ width:195px; font-size:17px; margin-left:30px; border:#000000 solid 2px;} #content{ background-color:#BD2C2F; margin-top:50px; height:200px; width:100%; margin:0px;} #content div { margin:10px; box-sizing:border-box;} </style>

 <!doctype html> <html> <head> <meta charset="utf-8"> <title>test 2</title> </head> <body> <div class="wrapper"> <div class="container"> <div id="select"> <form> <select id="numberimg" class="selection" title="select a number"> <option value="-1">insert number image</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <select id="numbercolumn" class="selection" title="select a number"> <option value="-1">insert number column </option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <button onClick="start()">go</button> </form> </div> <div id="content"></div> </div></div> </body> </html>

当某个函数从 javascript 代码中删除后才能正常工作，但没有使用该函数代码运行

Answer 1

您必须在增加text变量之前定义它。

 function start() {
     var text = ""; // Initialize it as an empty string
     $numberimg = document.getElementById("numberimg").value;
     $numbercolumn = document.getElementById("numbercolumn").value;
     for (i = 0; i < $numberimg; i++) {
        text += "<div><img src='" + imgsrc[i] + "'><br></div>";
     }
     document.getElementById("content").innerHTML = text;
 }

看看这个FIDDLE

当你点击功能按钮（开始）时没有实现

问题描述

1 个解决方案

解决方案1
0 2015-09-01 17:52:17

当你点击功能按钮（开始）时没有实现

问题描述

1 个解决方案

解决方案1 0 2015-09-01 17:52:17

解决方案1
0 2015-09-01 17:52:17