0

我有一个带有搜索栏的页面，该页面根据单独的 js 文件中的数据自动完成。如果我输入一个字母，它会抛出以该字母开头或包含该字母的相关名称，如果我选择结果，则显示该名称附带的详细信息。我只需要知道如何将图像链接到该数据，以便在选择时显示带有名称信息的图片。

这是我的 Javascript 代码：

$(function(){

    var currencies = [
        { value: 'Murray Smith', data: 'AFN', foto: src='img/logo.jpg' },
        { value: 'Brown Church', data: 'ALL' ,foto: src='../img/logo.jpg'},
        { value: 'Jack Jones', data: 'DZD' ,foto: src='../img/logo.jpg'},
        { value: 'Ben Clark', data: 'EUR' ,foto: src='../img/logo.jpg'},
        { value: 'Pete White', data: 'AOA' ,foto: src='../img/logo.jpg'},
        { value: 'East Caribbean dollar', data: 'XCD' ,foto: src='../img/logo.jpg'},
    ];

    // setup autocomplete function pulling from currencies[] array
    $('#autocomplete').autocomplete({
        lookup: currencies,
        onSelect: function (suggestion) {
            var thehtml = '<strong>Currency Name:</strong> ' + suggestion.value + ' <br>      <strong>Symbol:   </strong> ' + suggestion.data + '<br> <strong>Profile Pic:</strong> ' +     suggestion.foto;
            $('#outputcontent').html(thehtml);
        }
    });
});

先感谢您。

4

3 回答 3

2

使用此代码：

var thehtml = '<strong>Currency Name:</strong> ' + suggestion.value 
             + ' <br>  <strong>Symbol:   </strong> ' + suggestion.data 
             + '<br> <strong>Profile Pic:</strong> <img ' + suggestion.foto +' />';
                                                  ^^^ use image tag here

你foto应该是这样的：

foto: "src='img/logo.jpg'"
     ^^^ add the double quotation mark to make it correct
于 2013-10-17T13:30:03.853 回答
0

将您的数组更新为有效将有所帮助:)

 var currencies = [
      { value: 'Murray Smith', data: 'AFN', foto: '<img src="img/logo.jpg">' },
      { value: 'Brown Church', data: 'ALL' ,foto: '<img src="img/logo.jpg">'},
      { value: 'Jack Jones', data: 'DZD' ,foto: '<img src="img/logo.jpg">'},
      { value: 'Ben Clark', data: 'EUR' ,foto: '<img src="img/logo.jpg">'},
      { value: 'Pete White', data: 'AOA' ,foto: '<img src="img/logo.jpg">'},
      { value: 'East Caribbean dollar', data: 'XCD' ,foto: '<img src="img/logo.jpg">'},
 ];
于 2013-10-17T13:30:46.197 回答
0

正如 André Dion 在他的评论中提到的，你的语法是无效的。

您应该将对象的 foto 属性值更改为：

foto: 'path/to/my/img.ext'

在您的 HTML 中，调用该属性时，将其附加到图像标记中。

thehtml += '<img src="'+foto+'" alt="don't forget the blind!" />';

希望这可以帮助。

- 席德

于 2013-10-17T13:33:06.243 回答