Question

这是我的代码：

<form>
    <input type="text" id="input"/>
    <br/>
    <div id="buttons">
        <input id="search" onclick="search()" type="button" value="Search"/>
        <input type="button" value="Random"/>
        <script type="text/javascript">
        function search() {
            var search = document.getElementById('search');
            var int = setInterval(function() {
                if (search.value.length == 6) search.value = 'Searchi';
                else if (search.value.length == 7) 
                    search.value = 'Searchin';
                else if (search.value.length == 8) 
                    search.value = 'Searching';
                else {
                    search.value = 'Search';
                }
                //clearInterval( int ); // at some point, clear the setInterval
            }, 500);
        }
        </script>
    </div>
    </form>

当<form>元素在代码中时，按钮功能不起作用。通过删除表单元素，您将看到JavaScript正常工作！我想知道这是什么问题？我该如何解决？

此外，我想要的结果是否有更好的代码？有人告诉我，我使用的是旧的JavaScript方法！

Answer 1

更改隐藏在IE中的全局对象的函数search的元素id-search：

<input id="search" onclick="search()" type="button" value="Search"/>

应该是：

<input id="search-suffix" onclick="search()" type="button" value="Search"/>

P.S。

javascript中的{p> int is a reserved word虽然它同时没有做任何事情，就像class和private等'，因此应该避免。

使用表单时输入按钮不起作用

1 个答案: