javascript：使搜索列表中的项目可点击[关闭]答案

【问题标题】：javascript: Making items in searchlist clickable [closed]javascript：使搜索列表中的项目可点击[关闭]
【发布时间】：2014-08-14 07:22:50
【问题描述】：

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

我找到了这个 --- 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 在第二个框中出现，我单击它，它会将我带到一个页面/网站。

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

【问题讨论】：

看看这些方面的东西。它使用 jQuery，但是从头开始编写这样的东西需要一些时间，而且可能不值得付出努力。 stackoverflow.com/questions/4536055/…
tablefilter.free.fr
感谢这对我帮助很大

标签： javascript html list

【解决方案1】：

这样的？

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

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

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

它的工作方式有点不稳定，因为 jsfiddle 在 iframe 中工作，但在实际页面上实现它应该可以正常工作

【讨论】：

对我不起作用...
呵呵，你是对的，当你搜索任何东西时它不起作用......但当你在搜索栏中没有任何东西时它起作用。这真的很奇怪。