将图像添加到自动完成建议答案

【问题标题】：Adding Images to autocomplete suggestions将图像添加到自动完成建议
【发布时间】：2014-02-08 23:56:13
【问题描述】：

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

<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 分开？？

【问题讨论】：

标签： php html image-processing autocomplete

【解决方案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。

【讨论】：