首页web用javascript编写一个脚本,通过单击按钮，您只需要在多行字段(text)中保留那些包含在文本字段(text1)中输入的子字符串的行。例如多行字段中包含("abcdef","asdfg","qwsef"),在文本字段中输入"abc",多行字段中只保留"abcdef"

web用javascript编写一个脚本,通过单击按钮，您只需要在多行字段(text)中保留那些包含在文本字段(text1)中输入的子字符串的行。例如多行字段中包含("abcdef","asdfg","qwsef"),在文本字段中输入"abc",多行字段中只保留"abcdef"

时间: 2023-10-02 15:07:54 浏览: 64

可以使用以下代码实现： ```html <!DOCTYPE html> <html> <head> <title>Substring Filter</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <label for="text1">Input substring:</label> <input type="text" id="text1"> <br><br> <label for="text2">Input text:</label> <br> <textarea id="text2" rows="5" cols="50"></textarea> <br><br> <button onclick="filterText()">Filter</button> <br><br> <label for="text3">Filtered text:</label> <br> <textarea id="text3" rows="5" cols="50" readonly></textarea> <script> function filterText() { let substring = document.getElementById("text1").value; let text = document.getElementById("text2").value; let filteredText = ""; let lines = text.split("\n"); for (let i = 0; i < lines.length; i++) { if (lines[i].includes(substring)) { filteredText += lines[i] + "\n"; } } document.getElementById("text3").value = filteredText.trim(); } </script> </body> </html> ``` 这个脚本包含一个文本输入框和一个多行文本框，以及一个按钮。当用户在文本输入框中输入一个子字符串并单击按钮时，脚本将过滤多行文本框中的行，只保留包含子字符串的行，并将它们显示在另一个多行文本框中。

阅读全文