Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.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_Jquery_Autocomplete - Fatal编程技术网

Javascript 如何重定向自动完成?

Javascript 如何重定向自动完成?,javascript,jquery,autocomplete,Javascript,Jquery,Autocomplete,我正在使用并且我想在我集中输入时打开自动完成列表,但是当我单击任何选项时,我的选项必须重定向任何我想要的链接。我怎么做 .box{ 宽度:960px; } .awesomplete>ul{ 边界半径:.3em; 边距:2米0; 背景:hsla(0,0%,100%,0.9); 背景:线性梯度(至右下角,白色,hsla(0,0%,100%,0.8)); 边框:1px实心rgba(0,0,0,3); 盒影:05em.2em.6em rgba(0,0,0,2); 文本阴影:无; } @支持(变换:比例

我正在使用并且我想在我集中输入时打开自动完成列表,但是当我单击任何选项时,我的选项必须重定向任何我想要的链接。我怎么做

.box{
宽度:960px;
}
.awesomplete>ul{
边界半径:.3em;
边距:2米0;
背景:hsla(0,0%,100%,0.9);
背景:线性梯度(至右下角,白色,hsla(0,0%,100%,0.8));
边框:1px实心rgba(0,0,0,3);
盒影:05em.2em.6em rgba(0,0,0,2);
文本阴影:无;
}
@支持(变换:比例(0)){
.awesomplete>ul{
过渡:.3s立方贝塞尔(.4、.2、.5,1.4);
变换原点:1.43em-.43em;
}
.awesomplete>ul[隐藏],
.awesomplete>ul:空{
不透明度:0;
变换:比例(0);
显示:块;
过渡时间功能:轻松;
}
}
/*指针*/
.awesomplete>ul:之前{
内容:“;
位置:绝对位置;
顶部:-.43em;
左:1米;
宽度:0;高度:0;
填充:.4em;
背景:白色;
边界:继承;
右边界:0;
边界底部:0;
-webkit变换:旋转(45度);
变换:旋转(45度);
}
.awesomplete>ul>li{
位置:相对位置;
填充物:2em.5em;
光标:指针;
}
.awesomplete>ul>li:悬停{
背景:hsl(200,40,80%);
颜色:黑色;
}
.awesomplete>ul>li[aria selected=“true”]{
背景:hsl(205,40%,40%);
颜色:白色;
}
.一个完整的标记{
背景:hsl(65,100%,50%);
}
.A李先生:悬停标记{
背景:hsl(68,100%,41%);
}
.awesomplete li[aria selected=“true”]标记{
背景:hsl(86,100%,21%);
颜色:继承;
}

艾达
JAVA
JavaScript
笨蛋
LOLCODE
Node.js
RubyonRails

oninput事件的回调添加到您的输入中

<input class="awesomplete" oninput="callBack()" list="mylist"/>
$(“#数据列表”).change(函数(){
控制台日志(“工作”);
});
为输入设置如下id。

官方插件url提供所有事件。查看此处()使用
awesomplete select
event是的插件可以用于这种情况,但我是jquery新手,我正在尝试学习如何使用此事件有一个类似
awesomplete.$('.dropdown btn').addEventListener(“单击”,函数(){if(comboplete.ul.childNodes.length==0)的示例{comboplete.minChars=0;comboplete.evaluate();}else if(comboplete.ul.hasAttribute('hidden')){comboplete.open();}else{comboplete.close();}});
如果转到页面底部
function callBack(){
  window.location.href = "http://stackoverflow.com";
}