gpt4 book ai didi

javascript - 将来自文本字段的输入与数组元素进行匹配

转载 作者:行者123 更新时间:2023-11-30 00:24:56 25 4
gpt4 key购买 nike

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Data search</title>
</head>
<body>
<input type="text" name="" id="inputData" value="" placeholder="">
<button type="button" onclick="myFunction()">search</button>
<p id="text"></p>
<script type="text/javascript">
function myFunction(){
var data = [1, 2, 3, 4, 5, "name", "email", "id", "password", "position"];
var iData = document.getElementById("inputData").value;

for(var i = 0; i <= data.length; i++){

if(iData == data){

document.getElementById("text").innerHTML = "This data is available in array data";
}else{

document.getElementById("text").innerHTML = "This data is not available in array data";
}
}
}
</script>
</body>
</html>

我创建了一个包含一些数据的数组。我从文本字段中获取输入并根据数组中的数据搜索输入。如果输入的数据与数组中的元素匹配,我想显示一个通知,例如:

“此数据在数组数据中可用”

如果输入与数组中的任何元素都不匹配,我希望它输出:

“此数据在数组数据中不可用”。

但它不起作用。我没有找出问题所在,我也不确定这是否是获得预期结果的正确方法。

最佳答案

你的代码有两个错误——首先,当你在数组中找到数据时,你需要立即返回。否则,您的函数将继续遍历元素并用“此数据在数组数据中不可用”再次覆盖正输出。

其次,在你的比较中你需要使用 data[i] 而不是 data,因为你想测试数组中的每个元素,而不是整个数组本身。

这是一个实时的工作示例:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Data search</title>
</head>
<body>
<input type="text" name="" id="inputData" value="" placeholder="">
<button type="button" onclick="myFunction()">search</button>
<p id="text"></p>
<script type="text/javascript">
function myFunction(){
var data = [1, 2, 3, 4, 5, "name", "email", "id", "password", "position"];
var iData = document.getElementById("inputData").value;

for(var i = 0; i <= data.length; i++){

if(iData == data[i]){

document.getElementById("text").innerHTML = "This data is available in array data";
return;
}else{

document.getElementById("text").innerHTML = "This data is not available in array data";
}
}
}
</script>
</body>
</html>

关于javascript - 将来自文本字段的输入与数组元素进行匹配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31768103/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com