Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript:使搜索列表中的项目可单击_Javascript_Html_List - Fatal编程技术网

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

javascript:使搜索列表中的项目可单击,javascript,html,list,Javascript,Html,List,因此,我正在寻找一种简单的方法(不使用数据库),通过搜索栏的帮助在列表中搜索项目 我找到了这个-- 爱丽丝 上下快速移动 卡拉 丹 前夕 是否需要修改代码以使搜索的项目可点击 例如: 假设我输入鲍勃。 鲍勃出现在第二个框中,我点击它,它会带我进入一个页面/网站 这可能吗?如果是,怎么做 像这样的 添加了链接=”http://jsfiddle.net/TrRMG/107/“到每个标记和以下jQuery函数 $('#customer option').click(function(){

因此,我正在寻找一种简单的方法(不使用数据库),通过搜索栏的帮助在列表中搜索项目

我找到了这个--



爱丽丝 上下快速移动 卡拉 丹 前夕
是否需要修改代码以使搜索的项目可点击

例如:

假设我输入鲍勃。 鲍勃出现在第二个框中,我点击它,它会带我进入一个页面/网站

这可能吗?如果是,怎么做

像这样的

添加了
链接=”http://jsfiddle.net/TrRMG/107/“
到每个
标记和以下jQuery函数

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

它的工作有点不稳定,因为jsfiddle在iframe中工作,但在实际页面上实现了它,它应该工作得很好。它使用jQuery,但是从头开始编写这样的东西需要一点时间,可能不值得花那么多精力。谢谢,这帮了我很多忙…嗯,你是对的,当你搜索任何东西时它都不起作用。。。但是,当你在搜索栏中没有任何内容时,它就会起作用。真奇怪。
$('#customer option').click(function(){
    window.location='$(this).attr(link)'; 
});