0

我正在从事一个涉及为字典数据库创建接口的项目。我能够创建一个可以提取正确信息的简单搜索栏。之后，我能够使用 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 变量。

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

4

1 回答 1

0

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

<input id="searchbox"/>

到

<input name="searchbox" id="searchbox" />
于 2013-07-04T21:48:28.037 回答