Question

我们已经检查了不少帖子，但他们都没有看到回答我们的问题。我们的代码如下：

<html>
<head>
    <!-- reference to Javascript here -->
    <script>
        function search(){

        }
        function focus(){
            document.getElementById("advSearchOptions").focus();
        }
    </script>
</head>


<!-- reference to HTML here -->
<body>
<!-- div for basic search bar -->
<div id="basicSearchBar">
    <form>
        <input id="basicSearchText" type="text" name="search" placeholder="Search">
        <input id="basicSearchButton" type="submit" value="" onclick=search() />
    </form>
</div>
<!-- div for advanced searching -->
<div id="advSearchBar">
    <div id="advSearchOptions">
        <!-- Education Form -->
        <form id="advFormEducation">
            <input type="text" name="search" placeholder="Search">
        </form>
        <!-- Skill Form -->
        <form id="advFormSkill">
            <input type="text" name="search" placeholder="Search">
        </form>
        <!-- Work Form -->
        <form id="advFormWork">
            <input type="text" name="search" placeholder="Search">
        </form>
    </div>
    <!-- Adv Search Button -->
    <p id='advButtonStyle'><button id="advSearchButton" type="menuexpand" value="" onclick=focus()></button></p>
</div>
<!-- div for search results -->
<div id="searchResults">
</div>
</body>
<footer>
    {% endblock %}
</footer>
</html>

我们遇到的两个问题是：1。点击第一个按钮时

<input id="basicSearchButton" type="submit" value="" onclick=search() />

控制台为我们提供了一个Uncaught TypeError：搜索不是函数错误代码。我们想了解导致此错误出现的错误。

0.2。单击第二个按钮时

<p id='advButtonStyle'><button id="advSearchButton" type="menuexpand" value="" onclick=focus()></button></p>

控制台没有出错，但是我们的javascript中的焦点功能没有执行任何调用或代码。

我们已经遗漏了CSS，但如果有人能提供帮助，那将非常感激。

我们尝试过修复程序，包括：范围/展示位置和重命名

未捕获的TypeError：搜索不是函数

0 个答案: