所以我需要做的是:当我从列表框中选择一个项目时,我需要能够在一个单独的框中动态显示该项目的附加信息。即,假设我正在滚动汽车列表,对于我选择的每辆车,我都会显示价格、颜色、里程等。这个想法是为了在外观和感觉上与弹出的提示相似使用悬停时的元素。换句话说,理想情况下,我会看到一个小盒子神奇地出现在项目旁边,其中包含所有必需的信息。关于如何实施的任何建议?
更新:澄清我在找什么。我最终通过响应 change() 事件并手动更新我之前为此特定目的定义的 html 元素来实现它,就像以下答案之一所示:
$('#available-elements').change(function() {
var id = $(this).val();
var element = find_element(id);//retrieve complete element info
$('#the_prompt').show();
$('#prompt_name').find('td').text(element.title);
$('#prompt_datatyp').find('td').text(element.dataType);
$('#prompt_groupCode').find('td').text(element.groupCode);
});
提示元素定义如下:
<table id="the_prompt" style="border:2px solid grey;">
<tr id='prompt_name'><td class="rate_prompt"></td></tr>
<tr id='prompt_datatyp'><td class="rate_prompt"></td></tr>
<tr id='prompt_groupCode'><td class="rate_prompt"></td></tr>
</table>
但我希望有一个插件来这个或什么的。特别是,我希望避免使用预定义的位置、大小等定义静态 html 元素并手动更新其内容。相反,我希望在单击的列表元素旁边看到类似于悬停帮助的提示,箭头指向单击的元素。我对 jQuery 还比较陌生,但它的功能和插件给我留下了深刻的印象,所以上面的想法对我来说似乎并不不切实际。