Question

我正在开发一个涉及为字典数据库创建界面的项目。我能够创建一个简单的搜索栏，可以提取正确的信息。之后，我能够使用jQuery为文本框实现自动完成功能。现在，我遇到搜索功能问题。如果我提交表单，它会重定向到相应的脚本，但不会将文本框值发送到脚本。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>JQuery autocomplete example with database accessing</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <style type="text/css">
            input.submit {
            width:30px;
            height:30px;
            cursor:pointer;
            background-image:url('../search-button.jpg');
        </style>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
      <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
      <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script>
    $(function() {
        $( "#searchbox" ).autocomplete({
            source: "data.php",
            minLength: 1
        });
    });
    </script>
</head>
<body bgcolor="#E6E6FA">
        <div style="background-color:#d4e7b2;text-align:left">
            <form action="../test.php" method="get" style="margin-left:1cm;">
                <div class="ui-widget">
                    <input id="searchbox"/>
                    <input class="submit" type="submit" value="" style="position:absolute;margin:0px 0 0 0px;"/>
                </div>

            </form>
            <br>
        </div>
    </body>
</html>

自动完成工作正常，但按搜索按钮会导致页面重定向到“/test.php？”没有定义的GET变量。

非常感谢任何和所有帮助！

Answer 1

您需要将名称添加到searchbox输入中改变

<input id="searchbox"/>

到

<input name="searchbox" id="searchbox" />

使用JQuery自动完成功能搜索功能

1 个答案: