gpt4 book ai didi

javascript - 用js创建文本框后无法在文本框内写入

转载 作者:行者123 更新时间:2023-12-01 02:29:57 25 4
gpt4 key购买 nike

嗨,所以我做了一个类似表格的东西,我需要它作为我的矩阵,但是在创建列之后,我发现我无法在其中写入

function create(param) {

var i, target = document.getElementById('results');
var matrix = []
target.innerHTML = '';

for(i = 0; i < param; i += 1) {
target.innerHTML +='<br>'
for(var j=0;j<param;j+=1)
target.innerHTML += '<input type="text"id="' + "value_" + i + "_" + j + '">';
}
}
<html>
<head>
</head>
<body>
<button onclick="create(5)" style="width:300px;height:30px;"/><br><br>
<div id="results"> </div>
</body>
</html>

我必须修改/写入/删除什么才能在其中写入内容?

最佳答案

<button>不是自闭合标签。您需要包括 </button> 。否则,标签在文档结束之前都不会关闭。这会导致结果 div 捕获写入表的 onclick 事件。结果是,单击文本框会导致表格被重写。

function create(param) {

var i, target = document.getElementById('results');
var matrix = []
target.innerHTML = '';

for(i = 0; i < param; i += 1) {
target.innerHTML +='<br>'
for(var j=0;j<param;j+=1)
target.innerHTML += '<input type="text"id="' + "value_" + i + "_" + j + '">';
}
}
<html>
<head>
</head>
<body>
<button onclick="create(5)" style="width:300px;height:30px;"></button><br><br>
<div id="results"> </div>
</body>
</html>

关于javascript - 用js创建文本框后无法在文本框内写入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48383738/

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