web使用JavaScript单击一个按钮读取一个文本字段中的数字,然后保留另一文本字段中对应数字的行数
时间: 2023-06-09 21:06:29 浏览: 63
您好,对于您的问题,可以使用JavaScript代码实现。首先,您需要在HTML中定义两个文本字段,一个用于输入数字,另一个用于显示结果。例如:
```
<label for="inputNum">输入数字:</label>
<input type="text" id="inputNum">
<br>
<label for="result">结果:</label>
<textarea id="result"></textarea>
<br>
<button onclick="searchText()">搜索</button>
```
然后,您需要编写一个名为 searchText 的函数,用于读取输入的数字并查找对应的行数。示例代码如下:
```
function searchText() {
// 读取输入的数字
var inputNum = document.getElementById("inputNum").value;
// 查找对应行数的文本
var text = document.getElementById("text").value;
var lines = text.split('\n');
var result = "";
for (var i = 0; i < lines.length; i++) {
if (lines[i].indexOf(inputNum) !== -1) {
// 找到对应行,保存行数到结果中
result += (i + 1) + "\n";
}
}
// 显示结果
document.getElementById("result").value = result;
}
```
这段代码会将输入的数字和文本中每一行进行比较,如果某行中包含输入的数字,则将该行的行号保存到结果中,并在文本框中显示出来。希望这可以解决您的问题。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)