JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
程序要求:
编写一个html文件的网页代码,页面包含一个下拉列表框、一个文本框和一个按钮,下拉列表框选择要去的网站,当选择完毕后文本框中出现对应的网址。点击确认跳转按钮后访问文本框中出现的网址。
实现效果:
实现代码:
JavaScript事件 请选择 百度 网易 新浪 确认跳转 functionsurf(){ select=document.getElementById("select_www").value; switch(select){ case"http://www.baidu.com": document.getElementById("textbox").value="http://www.baidu.com"; break; case"http://www.163.com": document.getElementById("textbox").value="http://www.163.com"; break; case"http://www.qq.com": document.getElementById("textbox").value="http://www.qq.com"; break; case"http://www.sina.com.cn": document.getElementById("textbox").value="http://www.sina.com.cn"; break; } } functionjump(){ location=document.getElementById("textbox").value; }