gpt4 book ai didi

javascript - 在 "div"错误中看到的开始标记 "table"& div 不显示任何内容

转载 作者:行者123 更新时间:2023-11-30 08:55:55 24 4
gpt4 key购买 nike

我真的是网络开发新手。

当用户从下拉框中选择任何选项(以便它是动态的)时,我正在尝试创建多个输入框

但是,当我点击时,我只收到用于测试目的的弹出消息,但我没有看到任何输入框。此外,当我检查我的源页面时,我的 HTML 页面在我放置 <div> 的位置有错误(这是我的输入框应该显示的地方)。我收到的错误消息是在“表格”错误中看到的开始标记“div”...我假设该程序由于此错误而无法显示输入框。我试图在谷歌中寻找答案,但我仍然无法解决这个问题......

请告诉我如何解决这个错误......

任何帮助将不胜感激...提前致谢!

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<title>Run test Script</title>
<script type="text/javascript">

function createInputs() {
alert('writing inputs'); //Test....this message shows...when i change
var value = document.getElementById("test").value; // this gives you the selected value.
var split = value.split;
var splitsize = split.length;
var code = '';
for (var j=0; j<splitsize; j++){
var a = "<input type = 'text' name = '" + split[j] + "' id = '" + split[j] + "'>";
code += a;
}
document.getElementById("inputBox").innerHTML = code;
}

</script>
<body>
<form action="./runtest?host=11.111.11.11&envname=XP" method="post" name="testForm">
<table border="0">
<tr style="font-weight: bold; font-size: 16px;">
<td>Environment Name: </td>
<td>XP</td>
</tr>
<tr>
<td>Select user name :</td>
<td><select id="userName" name="userName">
<option value="user">user</option>
<option value="guest">guest</option>
</select>
</td>
</tr>
<tr>
<td>Enter Password :</td>
<td>

<input id="pass" type="password" name="password">

</tr>
<tr>
<td>Select test : </td>
<td><select id="testname" name="testname" onchange="createInputs()">
<option value="" name=""></option>
<option value="size" name="startup">startup</option>

<option value="size" name="Performance">Performance</option>

<option value="" name="reboot">reboot</option>

<option value="size,time" name="fetch event">fetch event</option>
</select></td>
</tr>
<tr>
<td></td>
<div id = "inputBox"></div> //*************Error message here ***********
</tr>
<tr>
<td> Enter test User: </td>
<td><input type="text" id="tuser"></td>
</tr>
<tr>
<td> Enter Test Date: </td>
<td><input type="text" id="tdate"></td>
</tr>
</table>
<br>
<input type="submit" value="Run" name="Run">&nbsp;&nbsp;
<input type="button" value="Close" onclick="window.close()"> &nbsp;&nbsp;
</form>
</body>
</html>

最佳答案

解决此问题最快的方法是在执行这段代码时打开谷歌浏览器并查看开发者工具和控制台。

问题一:document.getElementById("compname")为null,需要改成document.getElementById("testname")。

var value = document.getElementById("testname").value;

问题2:split是一个方法,需要传递一个分隔符。所以,不是 value.split,而是 value.split(",")

var split = value.split(",");

请注意,您的重启选项可能无法正常工作,因为您的值为空。

编辑:正如其他人所指出的,您还应该在 http://validator.w3.org/#validate_by_input 验证您的 HTML

关于javascript - 在 "div"错误中看到的开始标记 "table"& div 不显示任何内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13586812/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com