0

我正在使用 html 表单和 javascript 创建一个 2D 电话簿数组

我能够排序、添加、删除记录等,但我不知道如何从用户搜索中返回记录。

我已经设法使用几种方法返回了我想要的电话簿条目的索引,但我希望将实际条目显示给用户。

这在javascript中可能吗?我觉得这应该很容易,但我被卡住了!

这是我的代码:

<html>
<head>
<title>Phone book</title>
 <script>
 myPhonebook = Array (
Array(' Robert Mory ',' 07554035121 '),
Array(' Susie Thompson ',' 0785430270 '))

document.write("<pre>")
 for (j = 0 ; j < myPhonebook.length ; ++j)
 {
 for (k = 0 ; k < myPhonebook.length ; ++k)
 document.write(myPhonebook[j][k])
 document.write("<br />")
   }
   document.write("</pre>")

  var search = function(){

var searchInput = document.getElementById('inputIdSearch').value
document.getElementById('searchResult').innerHTML = 
      ("Searching for: " + searchInput + "...")
document.writeln(myPhonebook.indexOf('searchInput'))



 </script>
  </head>
   <body>
   <div id = "container">
  <h2>Phonebook 1.0</h2>
  <form name = "phonebookForm" id = "phonebookForm">
<h4 id ="search">Search Phonebook: <input type = "text" id="inputIdSearch" onblur="search()">
    <span id="searchResult"></span></h4>
  <h4 id ="input">Add entry: <input type = "text" id="inputIdInput"></h4>
  <h4 id ="view">View all entries: <input type = "text" id="inputIdView"></h4>
  </form>
        </div>
           </body>
              </html>
4

0 回答 0