Question

我有一个搜索框，当你在其中写入时，会从现有的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分开？

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。

将图像添加到自动填充建议

1 个答案: