0

我正在编写一个小脚本，它将查询数据库中的标题，当您输入标题时，它会返回建议。

我找到了一个示例并设法创建了一个示例，如下所示：

<head>
<title>Match Form/title>
<script type="text/javascript" src="jquery.js"></script>
<script type='text/javascript' src='jquery.autocomplete.js'></script>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script type="text/javascript">
$(document).ready(function() 
    {

        $("#course").autocomplete("get_title_list.php", {

            width: 260,
            matchContains: true,
            mustMatch: true,
            selectFirst: false
        });
        $("#course").result(function(event, data, formatted) {
            $("#course_val").val(data[1]);
        });
    });

</script>
</head>

然后工作并允许在页面上打印出我的结果，我的下一个任务是沿着多个标题有多个文本框，并允许某人搜索数据库，然后将结果返回到分配的框。

我知道 id 需要为每个框分配一个 ID，然后在我正在努力的 jquery 中选择该 id。任何帮助将不胜感激！

4

2 回答 2

0

将文本框更改为类，而不是 ID。像这样的东西应该适用于具有“课程”类的盒子：

     $(".course").autocomplete("get_title_list.php", {
        width: 260,
        matchContains: true,
        mustMatch: true,
        selectFirst: false
    });
    $(".course").result(function(event, data, formatted) {
        $(this).next(".course_val").val(data[1]);
    });
于 2012-12-19T16:46:52.613 回答
0

我建议使用类而不是 ID。ID 必须是唯一的，但您可以拥有多个具有相同类的元素，因此您可以轻松地一次选择它们。

例子：

<input id="A" class="auto" />
<input id="B" class="auto" />

<script>
    $('.auto').autocomplete({}); // the  '.' is used to select by class
</script>
于 2012-12-19T16:47:07.373 回答