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

Question

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

我发现了这个--- 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>

是否有更改代码以使搜索的项目可点击？

示例：

让我说我输入鲍勃。 鲍勃出现在第二个框中，我点击它，它将我带到一个页面/网站。

这可能吗？如果是这样，怎么样？

Answer 1

这样的东西？

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

为每个link="http://jsfiddle.net/TrRMG/107/"标记和以下jQuery函数

添加了<option>

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

它的工作有点不可思议，因为jsfiddle在iframe工作，但在实际页面上实现它应该可以正常工作