php - 将图像添加到自动完成建议

Question

我有一个搜索框，当您在其中输入时，它会从现有的 mysql 数据库中为您提供一些建议。因此，当您在选择其中一个建议后按下回车键时，它会复制整个名称并将其放入搜索框中。 问题是，当我尝试将相应的图像添加到每个建议时..它会显示它，但是当用户选择一个时，它会在搜索框中复制整个代码。当我选择其中一个建议时，这是我在搜索框中得到的内容

<img id='sugImg' src='./images_store/"11258.jpg' height='25' width='25' style='vertical-align:middle;'/> element_name

这是我的代码..

    $result = mysqli_query($con,"SELECT NAME,PRID from PRODUCT WHERE PID='$PID' AND BID='$BID' AND  NAME LIKE '%$q%'");
while($rs = mysqli_fetch_array($result,MYSQLI_ASSOC)) {
        $cname = $rs['NAME'];
        $PRID= $rs['PRID'];
        echo "<img src='./images_store/".$PID."".$BID."".$PRID.".jpg' height='25' width='25' style='vertical-align:middle;'/> $cname\n";
}

有没有办法将 Image 与 element_name 分开？

Answer 1

我假设每个搜索建议都包含在一个 div 或类似这样的东西中......

<div class='element'>
  <img id='sugImg' src='./images_store/"11258.jpg' height='25' width='25' style='vertical-align:middle;'/> element_name
</div>

然后当你在选择选项的过程中，你会做这样的事情:

function selectElement() {
   var element_name=$('.element').html();
   //do stuff with element_name
}

因此，如果以上所有内容都是正确的(如果不是，您可以在选择元素的位置显示 javascript 代码吗？)，那么您需要做的就是将其更改为...

function selectElement() {
   var element_name=$('.element').text();
   //do stuff with element_name
}

...以便只使用 DIV 中的文本，而不是完整的 html。