web使用JavaScript单击一个按钮读取text1中的字符串,然后保留text中包含在text1中输入的子字符串的行,例如:读取1和2,则保留第一行和第二行

回答：

可以使用以下代码实现：

var inputStr = document.getElementById("text1").value; //获取text1中的字符串
var targetStrs = inputStr.split(","); //将输入的字符串以逗号分隔，存储为数组
var textArea = document.getElementById("text"); //获取文本框
var lines = textArea.value.split("\n"); //以换行符分隔，将文本框中的内容存储为数组
var result = ""; //存储符合要求的文本行
for (var i = 0; i < lines.length; i++) {
  for (var j = 0; j < targetStrs.length; j++) {
    if (lines[i].indexOf(targetStrs[j]) != -1) { //判断该行是否包含输入的子字符串
      result += lines[i] + "\n"; //将符合条件的文本行存储到result中
      break; //如果已经找到符合条件的文本行，则跳出循环
    }
  }
}
textArea.value = result; //将符合条件的文本行显示在文本框中

使用该代码时需要在HTML中添加以下元素：

<label for="text1">输入要匹配的字符串(多个使用逗号分隔)</label>
<input type="text" id="text1">
<br>
<label for="text">文本内容</label>
<textarea id="text" rows="10" cols="50"></textarea>
<br>
<button onclick="filter()">筛选</button>

其中`filter()`为点击按钮后执行的函数名。