首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery自动完成在div中显示返回的html结果

jquery自动完成在div中显示返回的html结果
EN

Stack Overflow用户
提问于 2014-09-30 23:02:08
回答 1查看 1.2K关注 0票数 0

这里我正在尝试做自动补全搜索框。当我在文本框中输入文本时,它会正确地过滤结果。我已经签入了我的控制台。我已经在HTML选项卡窗口中看到了结果。但是,我无法在文本框下获得结果。您可以在输入字段后看到div。我想在这个div中显示结果。

我已经尝试了这行$('#result').html(data);,但是我没有在div中得到结果。如何在div中显示html结果?

index.php

代码语言:javascript
运行
复制
<script type="text/javascript">
$(function() {
$( "#searchid" ).autocomplete(
    {
            source: "<?=asort_get_url(SEARCH_BOX)?>",
            minLength: 1,
            select: function (event,ui) {
            //alert(ui.item.url);
            $('#result').empty();
            window.location = ui.item.url;          
    }
    }).data( "ui-autocomplete" )._renderItem = function( ul, item ){
         $('#result').html(data);
    };
});
</script>

<input type="text" class="search" id="searchid" />
<div id="result"></div>

search_box.php

代码语言:javascript
运行
复制
$url = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
    $query = parse_url($url, PHP_URL_QUERY);
    parse_str($query);
    parse_str($query, $arr);
$q = mysql_real_escape_string(trim($term, '/'));
        $sql = "SELECT model_name, maker_url, model_url FROM ".TBL_CAR_ADD_MODELS." WHERE model_status = '1' AND model_url != '".$model_url."' AND model_name LIKE '%$q%' LIMIT 7";
        $res = mysql_query($sql, $CN);
        while($row = mysql_fetch_array($res))
        {
           echo "<a onMouseOver=\"this.style.backgroundColor='#09F'\" onMouseOut=\"this.style.backgroundColor='#F2F2F2'\" href=".asort_get_url(CAR_MAKE, $row['maker_url'], $row['model_url'])." style='width: 380px; height: 95px; text-decoration: none; display: inline-block; margin: 0 auto; color: #000; margin-left: -20px; background :#F2F2F2; border-bottom: 1px solid #CCC;'><img style='margin:5px;' alt='".$row['model_name']."' src=".fa_model_image_path("thumb", $row['maker_url'],$row['model_url'])." />"."<span style=' margin-left: 20px; margin-top: 0px; position: absolute; display: inline-block;'>".$row['model_name']."</span>"."</a>";
        }
EN

回答 1

Stack Overflow用户

发布于 2014-10-01 01:22:21

您必须编写类似下面这样的代码

代码语言:javascript
运行
复制
.data( "ui-autocomplete" )._renderItem = function( ul, item ) {
  $('#result' ).html(item.value)
             };
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26124068

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档