Question

我有一个带有表单和输入字段的html页面。当用户在输入字段中输入文本时，在每个键处搜索数据库以获得相应的值。这是通过Javascript调用完成的，然后对XML脚本执行XMLHttpRequest。在PHP中，我返回前10个匹配列表。然后该列表显示在html页面上。

我现在想要的是让列表中的每个项目都可以点击，当点击它时，它应该使用值填充表单字段。我可以通过在它们周围添加<a href>来使结果可链接，但onClick似乎不适合它。

带有表单的Html / PHP页面：

<form action="index.php?page=n0402" method="post" Name="AddPolish" >
    <div id="frmBrandInput">
        <label for="frmBrand">Brand name:</label>
        <input type="text" name="frmBrand" size="50" onkeyup="n0401CheckRecords(1);" onchange="n0401AddResults_Clear();" maxlength="100" id="frmBrand"   />
    </div>
    <div id="ListResults">
        <ul style="list-style-type:none;">
            <div class="n0401AddResults" id="n0401AddResults_Status">
            </div>
        </ul>
    </div>

    <button type="submit" name="submit" value="submit-value">ADD</button>
</form>

javascript调用PHP并更改n0401AddResults_Status：

function n0401CheckRecords( jsCheck){
---- xmlhttp request code and return snipped out --- 
document.getElementById("n0401AddResults_Status").innerHTML = return_data;
}

检查数据库的PHP页面：

While ($dbCheck_result = mysqli_fetch_row($result))
{
echo "<li class='CheckListItem' onClick='ClickMe();'><a href='".$dbCheck_result[1]."'>".$dbCheck_result[1] ."</a></li>";
}

构造返回字符串以使其可点击的最佳方法是什么？顺便说一句，我现在正在使用它的列表，但这不是我的要求。

顺便说一下，我没有使用JQuery。

Answer 1

我应该使用＃<a href>。解决方案是使用这一行：

echo "<li class='CheckListItem' onClick='ClickMe(\"".$dbCheck_result[1]."\");'><a href='#'>".$dbCheck_result[1] ."</a></li>";

如何使搜索结果可单击，就像单击按钮一样

1 个答案: