0

我对 javascript 和 jquery 比较陌生。现在我有一个txt文件中的单词列表。我将此列表存储在一个数组中，并且我想将该数组的内容与一些用户输入进行比较。如果匹配，则应显示该特定单词。

我还使用Jasny Bootstrap执行一些预先输入功能来预测用户想要搜索的单词。

在当前阶段，我的函数在第一个输入字符上找到匹配项。当使用更多字符时，该函数返回未找到匹配项。这是为什么？

这是我的 HTML：

<div class="container">

  <div class="appwrapper">
    <div class="content">
        <h3>OpenTaal Woordenboek</h3>
        <p>Voer uw zoekopdracht in:<p>
        <p><input name="searchinput" id="searchinput" data-provide="typeahead" type="text" placeholder="Zoeken...">
    <p class="dict"></p>
    </div>
  </div>

</div> <!-- /container -->

这是jQuery：

<script src="bootstrap/js/jquery.js"></script>
<script src="bootstrap/js/bootstrap-typeahead.js"></script>

<script type="text/javascript">
var data;
var myArray = [];
var txtFile = new XMLHttpRequest();
        txtFile.open("GET", "OpenTaal-210G-basis-gekeurd.txt", true);
        txtFile.onreadystatechange = function() {
    if (txtFile.readyState === 4) {  // Makes sure the document is ready to parse.
            if (txtFile.status === 200) {  // Makes sure it's found the file.
            allText = txtFile.responseText;
            data = txtFile.responseText.split("\n"); // Will separate each line into an array
            myArray = [data];
        } //"\r\n" 
    }
}
//console.write(data);

searchinput.onkeypress = function() {
//alert("The function is working!");
var formInput = document.getElementById("searchinput").value;

   if (myArray == formInput) {
   alert("There's a match!");
   $('.dict').append('<div class="result">' + myArray + '</div>')
   } else {
      alert("No match has been found..");
   }
 };

4

3 回答 3

2

您需要搜索整个数组，而不仅仅是将其与值进行比较：

if ($.inArray(formInput,myArray)>=0) { // returns -1 if no match
   alert("There's a match!");

http://api.jquery.com/jQuery.inArray/

于 2013-09-23T17:28:35.333 回答
2

您没有使用 jquery，只是使用了原生 javascript。

在您的脚本读取文件之后，只需执行以下操作：

$(searchinput).on("keypress", function() {
   if ($.inArray(formInput,myArray) > -1) {
      alert("There's a match!");
   }
});

更新

$(searchinput).on("blur", function() {
   if ($.inArray(formInput,myArray) > -1) {
      alert("There's a match!");
   }
});
于 2013-09-23T17:30:53.490 回答
0

遍历数组并将输入值与数组元素匹配，例如：

   for(var i in myArray) {
       var arrayElement = myArray[i];
       if (arrayElement == formInput) {
            //Do your stuff
       }
   }
于 2013-09-23T17:35:25.493 回答