当前位置：
首页 >
前端技术
> javascript
>内容正文
javascript
HTML+JavaScript简单搜索功能实现
生活随笔
收集整理的这篇文章主要介绍了
HTML+JavaScript简单搜索功能实现
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
<!DOCTYPE html>
<html><head><title>百度一下</title><meta charset="utf-8" />
</head><body><div class="panel-body" style="padding: 0px 15px;">姓名：<input id="obj1" type=text style="width:300px;" value="陈汗" /><button id="btn2" onclick="f1()">点击检索</button></div><script type="text/javascript">function f1() {var v = document.getElementById("obj1");location.href = "http://localhost/jeecg/tongjiController.do?zongsousuo&name=" + v.value;}</script>
</body></html>
<!DOCTYPE html>
<html>
<head>
<title>百度一下</title>
<meta charset="utf-8" />
</head>
<body>
<div class="panel-body" style="padding: 0px 15px;">
姓名：<input id="obj1" type=text style="width:300px;" value="陈汗" />
<button id="btn2" οnclick="f1()">点击检索</button>
</div>
<script type="text/javascript">
function f1() {
var v = document.getElementById("obj1");
location.href = "http://localhost/jeecg/tongjiController.do?zongsousuo&name=" + v.value;
}
</script>
</body>
</html>
总结
以上是生活随笔为你收集整理的HTML+JavaScript简单搜索功能实现的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： Spring总结四：JDBC操作
- 下一篇： javascript招式总结