页面动态增加文本框换行并获取值
时间: 2024-02-06 20:09:16 浏览: 166
动态获取文本框输入的值
5星 · 资源好评率100%
你可以使用 JavaScript 中的 DOM 操作来动态增加文本框并换行,然后获取输入的值。下面是一个简单的示例:
HTML 代码:
```
<div id="textboxes"></div>
<button onclick="addTextbox()">Add Textbox</button>
<button onclick="getValues()">Get Values</button>
```
JavaScript 代码:
```
function addTextbox() {
var div = document.createElement("div");
var textbox = document.createElement("input");
textbox.type = "text";
div.appendChild(textbox);
div.appendChild(document.createElement("br"));
document.getElementById("textboxes").appendChild(div);
}
function getValues() {
var textboxes = document.getElementsByTagName("input");
for (var i = 0; i < textboxes.length; i++) {
console.log(textboxes[i].value);
}
}
```
该示例中,点击 "Add Textbox" 按钮会在 `#textboxes` 元素中添加一个文本框和一个换行符;点击 "Get Values" 按钮会获取所有文本框的值并在控制台中输出。你可以根据需要修改这些函数来适应你的具体场景。
阅读全文