jQuery自动完成与图像：一个小的定制

我是jQuery的新手。我试图使用自动完成的jQuery pluggn在我的ASP.NET页面。我从网站上下载的样本，并试图从PHP重写它到ASP.NETjQuery自动完成与图像：一个小的定制

任何一个可以帮我改写呢？

<script type="text/javascript">

$（）。就绪（函数（）{

function findValueCallback(event, data, formatted) { 
    $("<li>").html(!data ? "No match!" : "Selected: " + formatted).appendTo("#result"); 
} 

function formatItem(row) { 
    return row[0] + " (<strong>id: " + row[1] + "</strong>)"; 
} 
function formatResult(row) { 
    return row[0].replace(/(<.+?>)/gi, ''); 
} 


$("#imageSearch").autocomplete("images.php", { 
    width: 320, 
    max: 4, 
    highlight: false, 
    scroll: true, 
    scrollHeight: 300, 
    formatItem: function(data, i, n, value) { 
     return "<img src='images/" + value + "'/> " + value.split(".")[0]; 
    }, 
    formatResult: function(data, value) { 
     return value.split(".")[0]; 
    } 
});

和页面包含images.php的

<input type="text" id='imageSearch' /> 
     <input type="button" value="Get Value" />

内容

$term = $_REQUEST['q']; 
$images = array_slice(scandir("images"), 2); 
foreach($images as $value) { 
if(strpos(strtolower($value), $term) === 0) { 
    echo $value . "\n"; 
}

}

我对这个

1一些问题。我明白了images.php将返回的图像列表。可以任何一个给我的格式与一个例子吗？这将是一个列表项目的集合，或divs或单个字符串分离的一些字符

2。 javscript如何格式化接收到的输出。在我的情况下，我想返回一个项目列表（图像名称）和一个文本（标题）与一个id为它。因此，用户将看到图像和选项列表中的文本而当他选择，我想告诉另一页有（我想用锚标记有导航到另一个页面与用户选择的选项的ID。

请指导我在此先感谢

来源

2009-06-10 Shyju

1.我明白了images.php将返回的图像列表。可以任意一个为我提供了一个例子的格式？请问这是一个列表项目或div的集合或通过一些字符分隔的单个字符串

由于没有运行的代码，这将是由换行（“\ n”个）字符分隔的字符串的列表; e.g，：

"image1.jpg\nimage2.jpg\nimage3.jpg"

2。 javscript如何格式化接收到的输出。在我的情况下，我想返回一个项目列表（图像名称）和一个文本（标题）与一个id为它。因此，用户将看到图像和选项列表中的文本当他选择时，我想在那里显示另一个页面（我想用那里的锚标记导航到另一个页面，用户选择的选项的编号为

如果你愿意，可以看看JSON想要从服务器返回结构化数据。

来源

2009-06-15 18:36:12 g33kz0r

jQuery自动完成与图像：一个小的定制

回答

相关问题