web使用JavaScript单击一个按钮读取文本字段1中的字符串(为数字),然后保留另一文本字段中包含在文本字段1中输入的数字的行,例如:读取1和2,则保留第一行和第二行
时间: 2023-06-09 11:05:49 浏览: 86
好的,针对您的问题,可以使用 JavaScript 编写一个事件处理程序,在单击按钮时获取文本字段 1 中的值,并使用该值过滤文本字段 2 中的行。具体实现可以参考以下代码:
```javascript
var btn = document.getElementById("btn"); // 获取按钮元素
var textField1 = document.getElementById("textField1"); // 获取文本字段 1 元素
var textField2 = document.getElementById("textField2"); // 获取文本字段 2 元素
btn.onclick = function() { // 绑定按钮单击事件处理程序
var num = parseInt(textField1.value); // 获取文本字段 1 中的数值
var lines = textField2.value.split("\n"); // 拆分文本字段 2 中的行
var filteredLines = []; // 初始化过滤后的行数组
for (var i = 0; i < lines.length; i++) { // 遍历每一行
if (lines[i].includes(num)) { // 如果行中包含该数值
filteredLines.push(lines[i]); // 将该行加入过滤后的行数组中
}
}
textField2.value = filteredLines.join("\n"); // 更新文本字段 2 中的内容
}
```
在上述代码中,我们首先获取了按钮、文本字段 1 和文本字段 2 的元素,并绑定了按钮的单击事件处理程序。在事件处理程序中,我们通过 parseInt() 方法将文本字段 1 中的内容转换成数值,并使用 split() 方法拆分文本字段 2 中的行。然后,我们遍历每一行并判断是否包含该数值,将符合条件的行加入过滤后的行数组中,并最终更新文本字段 2 的内容。
希望以上代码能够解决您的问题。如果您还有其他疑问或需要进一步帮助,请随时告诉我。
阅读全文