如何使搜索結果可單擊，就像單擊按鈕一樣

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>";