javascript:使搜索列表中的项目可点击

javascript: Making items in searchlist clickable

本文关键字：项目 搜索 列表 javascript      更新时间：2023-09-26

所以我在寻找一种简单的方法(不使用数据库)，通过搜索栏的帮助下通过列表搜索项目。

我发现了这个——jsfiddle.net/TrRMG/90/

<input type="text" id="search">
<br>
<select id="customer" size="1">
  <option value=100>Alice</option>
  <option value=101>Bob</option>
  <option value=102>Carla</option>
  <option value=103>Dan</option>
  <option value=104>Eve</option>
</select>

是否有办法改变代码，使搜索项目可点击?

的例子:

假设我输入bob。Bob出现在第二个框中，我点击它，它会把我带到一个页面/网站。

这可能吗?如果有，怎么做?

像这样?

http://jsfiddle.net/TrRMG/107/

将link="http://jsfiddle.net/TrRMG/107/"添加到每个<option>标签和以下jQuery函数

$('#customer option').click(function(){
    window.location='$(this).attr(link)'; 
});

它的工作有点不稳定，因为jsfiddle是在iframe中工作的，但实现到一个实际的页面上，它应该工作得很好

相关文章：