使用Javascript使用数组检查文本框中的值

Checking a value in textbox with the array using Javascript

本文关键字：文本 检查 Javascript 数组 使用      更新时间：2023-09-26

我想使用javascript编写一个HTMl页面，其中Array将存储一些值。屏幕上将出现一个文本框。

用户需要在文本框中输入一个值。如果该值在数组中。然后它应该显示"Value is there in the array"，否则就找不到。

<html>
<head>
<script>
var cars = ["abc", "def", "ghi","jkl"];
</script>
</head>
<body>
Enter a value <input type="text"><br>
</body>
</html>

看，我的个人建议是学习JavaScript。MDN有一个很棒的JavaScript教程。请在此处查看。

现在，回答您的问题：

首先，您需要有一个事件来检测文本更改。我们将使用HTML onchange事件。

我们可以使用jQuery的$.inArray()方法，因为不使用循环。您还必须为元素添加一个ID。

完整解决方案：

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<p>Enter a value: <input type="text" id="carInput" onchange="textChanged()"></p>
<p id="onListText"></p>
<script>
var cars = ["abc", "def", "ghi","jkl"];
var textChanged = function(){
  var inputText = $("#carInput").text();
  if($.inArray(inputText, cars) !== -1){
    $("#onListText").text("Yes sir, this car is in our list! :D");
    return;
  }
}
</script>
</body>
</html>

我认为您是JS和HTML的初学者。

首先，不，你不需要AJAX。其次，我建议您尝试实现一些非常简单的东西，称为List.js.

我为你选择这个是因为我认为它足够简单。

这应该会让你开始。

相关文章：