请问大神,这个下拉搜索框,如果让搜索结果在新页面打开_html/css_WEB-ITnose
请问大神,这个下拉搜索框,如果让搜索结果在新页面打开?
是JS代码里的问题?
小白不会JS,请大神指教,谢谢大神。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>下拉搜索框</title><meta name="keywords" content="关键词" /><meta name="description" content="描述" /></head><form><select id="search"><option value="http://www.haosou.com/s?ie=utf-8&src=360chrome_toolbar_search&q=">好搜</option><option value="https://www.google.com/#q=">Google</option><option value="http://www.baidu.com/baidu?word=">百度</option><option value="http://www.sogou.com/web?query=">搜狗</option><option value="http://cn.bing.com/search?q=">Bing</option><option value="http://www.soso.com/q?&w=">搜搜</option><option value="http://www.youdao.com/search?q=">有道</option><option value="http://wiki.mbalib.com/wiki/Sepcial:Search?search=">MBA百科</option><option value="http://doc.mbalib.com/search?z=MBA&q=">MBA文库</option></select><input type="text" name="keyword" value="" placeholder="输入关键词"><input type="button" value="搜索" onclick="location.href=document.getElementById('search').value+document.getElementsByName('keyword')[0].value;"></form> </body></html>
回复讨论(解决方案)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>下拉搜索框</title><meta name="keywords" content="关键词" /><meta name="description" content="描述" /> </head> <form> <select id="search"><option value="http://www.haosou.com/s?ie=utf-8&src=360chrome_toolbar_search&q=">好搜</option><option value="https://www.google.com/#q=">Google</option><option value="http://www.baidu.com/baidu?word=">百度</option><option value="http://www.sogou.com/web?query=">搜狗</option><option value="http://cn.bing.com/search?q=">Bing</option><option value="http://www.soso.com/q?&w=">搜搜</option><option value="http://www.youdao.com/search?q=">有道</option> <option value="http://wiki.mbalib.com/wiki/Sepcial:Search?search=">MBA百科</option><option value="http://doc.mbalib.com/search?z=MBA&q=">MBA文库</option> </select><input type="text" name="keyword" value="" placeholder="输入关键词"><input type="button" value="搜索" onclick="window.open(document.getElementById('search').value+document.getElementsByName('keyword')[0].value);" ></form> </body></html>
onclick="window.open(document.getElementById('search').value+document.getElementsByName('keyword')[0].value,'_blank');"
感谢楼上两位回复。

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

网页批注功能的Y轴位置自适应算法本文将探讨如何实现类似Word文档的批注功能,特别是如何处理批注之间的间�...

GiteePages静态网站部署失败:404错误排查与解决在使用Gitee...

实现图片点击后周围图片散开并放大效果许多网页设计中,需要实现一种交互效果:点击某张图片,使其周围的...

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构,使用标签如、等。2.CSS控制网页样式,使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互,通过事件监听和DOM操作。
