Javascript 需要帮助自动完成从文本框中的值打开网页吗

Javascript 需要帮助自动完成从文本框中的值打开网页吗,javascript,jquery,html,jquery-autocomplete,Javascript,Jquery,Html,Jquery Autocomplete,功能${ //Make jQuery:包含不区分大小写的内容,如HTML5数据列表 //更改名称以防止覆盖原始功能 $.expr[:].RD_contains=$.expr.createPseudofunctionarg{ 返回函数{ 返回$elem.text.toUpperCase.indexOfarg.toUpperCase>=0; }; }; $.fn.relevantDropdown=函数选项{ 选项=$。扩展{ 淡出速度:“正常”//淡出数据列表弹出窗口的速度 更改:空 },选项; 返

功能${ //Make jQuery:包含不区分大小写的内容,如HTML5数据列表 //更改名称以防止覆盖原始功能 $.expr[:].RD_contains=$.expr.createPseudofunctionarg{ 返回函数{ 返回$elem.text.toUpperCase.indexOfarg.toUpperCase>=0; }; }; $.fn.relevantDropdown=函数选项{ 选项=$。扩展{ 淡出速度:“正常”//淡出数据列表弹出窗口的速度 更改:空 },选项; 返回this.eachfunction{ var$input=$this, list_id=$input.attr'list', $datalist=$+list\u id, datalistItems=$datalist.findoption, 搜索位置, 滚动值=0, //用于防止回流 temp_items=document.createDocumentFragment, 临时项目=空; //插入新假数据列表的主目录 $, { 类别:数据列表, id:list\u id }.附体; //删除旧数据列表 $datalist.remove; //更新指针 $datalist=$+列表id; //填写新的假数据表 datalistItems.eachfunction{ 临时项目=${ //此处需要.val,而不是.text或.html //HTML*需要*不是xxx IE text:$this.val }[0]; 临时项目。临时项目; }; $datalist.appendtemp_项目; //更新指针 datalistItems=$datalist.findli; //类型类型 $input .聚焦、功能{ //重置卷轴 $datalist.scrollTop0; 滚动值=0; } .onblur,函数{ //如果立即触发,则会阻止“单击选择”工作 setTimeoutfunction{ $datalist.fadeOutoptions.fadeOutSpeed; datalistItems.removeClassactive; }, 500; } .onkeyup焦点,函数e{ searchPosition=$input.position; //构建数据列表 $datalist 显示 .css{ 顶部:searchPosition.top+this.outerHeight, 左:searchPosition.left, 宽度:$input.outerWidth }; datalistItems.hide; $datalist.findli:RD_包含'+$input.val+'.show; }; //不想使用:在CSS中悬停,所以改为这样做 //真正有助于箭头键导航 数据列表项 .onMouseCenter,函数{ $this.addClassactive.sides.removeClassactive; } .离开,离开{ $this.removeClassactive; }; //调整窗口大小 $window.resizefunction{ searchPosition=$input.position; $datalist .css{ 顶部:searchPosition.top+this.outerHeight, 左:searchPosition.left, 宽度:$input.outerWidth }; }; //观察上下箭头键 $input.onkeydown,函数E{ var active=$datalist.findli.active, datalistHeight=$datalist.outerHeight, DataListItemsHight=datalistItems.OuterHight; //向上箭头 如果e.keyCode==38{ 如果激活,则返回长度{ prevAll=活动。prevAllli:可见; 如果prevAll.length>0{ active.removeClassactive; prevAll.eq0.addClassactive; } 如果prevAll.length&&prevAll.position.top<0&&scrollValue>0{ $datalist.scrollTopscrollValue-=DataListItemsHight; } } } //向下箭头 如果e.keyCode==40{ 如果激活,则返回长度{ var nextAllli=active.nextAllli:可见; 如果nextAll.length>0{ active.removeClassactive; nextAll.eq0.addClassactive; } 如果nextAll.length&&nextAll.position.top+datalistItemsHeight>=datalistHeight{ $datalist.stop.animate{ scrollTop:scrollValue+=DataListItemsHight }, 200; } }否则{ datalistItems.removeClassactive; $datalist.findli:visible:first.addClassactive; } } //返回或制表键 如果e.keyCode==13 | | e.keyCode==9{ 如果激活,则返回长度{ $input.valactive.text; 项目_selectedactive.text; } $datalist.fadeOutoptions.fadeOutSpeed; datalistItems.removeClassactive; } //钥匙 如果e.keyCode!=13&&e.keyCode!=38&&e.keyCode!=40{ //重置活动类 datalistItems.removeClassactive; $datalist.findli:visible:first.addClassactive; //重置卷轴 $datalist.scrollTop0; 滚动值=0; } }; //从下拉列表中选择时 datalistItems.onclick,函数{ var active=$li.active; 如果活动 长度{ $input.val$this.text; } $datalist.fadeOutoptions.fadeOutSpeed; datalistItems.removeClassactive; 所选项目\此$this.text; }; 功能项\u已选择新建\u文本{ 如果typeof options.change==“函数” options.change.callthis,新文本; } }; }; }jQuery;==================== //$'input[type=text]'。相关下拉列表; $'input[type=text]'。相关下拉列表{ 衰减速度:0 }; p{ 利润率:0.40px0; } p:最后一个孩子{ 页边距底部:0; } .数据表{ 列表样式:无; 显示:无; 背景:白色; 颜色:黑色; 盒影:0 2px 2px 999; 位置:绝对位置; 左:0; 排名:0; 最大高度:300px; 溢出y:自动; } .datalist:空{ 显示:无!重要; } 李先生{ 填充:3倍; 字体:13pxLucida Grande,无衬线; } .datalist li.active{ 背景:3875d7; 颜色:白色; } 如果现代化r.input.list{ 警告“您的浏览器不支持HTML5数据列表。我们现在将使用Polyfill添加其支持。”; } //Safari报告列表属性成功,所以改为执行贫民窟检测 耶普诺普{ 测试:!modernizer.input.list, 是的:[ 'js/jquery.relevant dropdown.js', 'js/load fallbacks.js' ] }; 外显知识库 身体 输入{ 字体系列:“开放式Sans”、Calibri、Arial; 边际:0px; 填充:0px } a{ 颜色:0254eb } a:参观了{ 颜色:0254eb } 收割台h2{ 颜色:fff; 背景色:3275a8; 边际:0px; 填充物:5px; 高度:40px; 填充:15px } html, 身体 容器{ 身高:100% } 主体>容器{ 高度:自动; 最低高度:100% } 页脚{ 字体大小:12px; 明确:两者皆有; 位置:相对位置; z指数:10; 高度:3em; 边缘顶部:-3em; 文本对齐:居中 } 内容{ 垫底:3em; 填充:10px } 输入{ 字体大小:15px } .style1{ 边框:3px实心fa0; 字号:20px } .style2{ 边界:2倍固体af7; 字号:18px } HTML5数据列表示例 Exo知识库:

输入国家/地区名称: 阿富汗 阿尔巴尼亚 阿尔及利亚 安道尔 安哥拉 安提瓜,;副总裁 大不列颠联合王国 美国 乌拉圭 乌兹别克斯坦 瓦努阿图 梵蒂冈城 委内瑞拉 越南 也门 赞比亚 津巴布韦
你能发布一个提琴吗?恐怕我不能编辑这个问题来发布一个提琴。对不起,为什么你要加载jQuery两次?您的中有jquery-latest.js,其中有jquery.min.js。我没有看到任何分配给location.href的代码。@Barmar这会有问题吗?