当前位置：首页 → 问答吧 → 夜深了，请教一个简单的困扰我几个小时的问题。

夜深了，请教一个简单的困扰我几个小时的问题。

时间：2010-06-06

来源：互联网

网站是这个 www。7k7k。com
他的首页的搜索框，是怎么提交数据的？

<form target="_blank" method="post" name="soform" id="soform" action="http://so.7k7k.com/game/"> <h3><a target="_blank" href="http://so.7k7k.com/game/">搜索：</a></h3> <div class="key"><input type="text" value="" id="k" name="k"></div> <div id="sobtn"><input type="submit" value="搜索" id="search" name="search"></div> <div class="w"><a target="_blank" href="http://web.7k7k.com/ddt/?from=3">弹弹堂</a> <a class="f_r" target="_blank" href="http://news.7k7k.com/51seer/?i2">赛尔号秘籍</a> <a target="_blank" href="tag/62/?i2">双人小游戏</a></div> <div class="v">请记得我们的网站7k7k.com <a class="f_r" id="sofav" href="javascript:void(0);">点此收藏</a>！<a style="color: rgb(0, 0, 255);" target="_blank" href="/tag/1585/">男生的游戏</a> <a style="color: rgb(255, 0, 0);" target="_blank" href="/tag/1584/">女生的游戏</a></div> </form>
提示：您可以先修改部分代码再运行

如图
红色的圈起来的这个按钮，
也没在他的这个页面发现什么js啊，
他的所有图标做成了一个大图
然后分别显示调用的。
就纳闷了，他的这个是怎么传递搜索值的？
知道的朋友帮忙说一下
谢谢！！！！

作者: deepinthinking 发布时间: 2010-06-06

这是定议的CSS样式

作者: omode 发布时间: 2010-06-06

要么HTML自带的SUBMIT按扭提交，要么JS的SUBMIT提交，还能怎么样？

作者: ft284800 发布时间: 2010-06-06

貌似自己定义的

作者: shbijiben 发布时间: 2010-06-06

还有人吗？
谢谢！

作者: deepinthinking 发布时间: 2010-06-06

他的巧妙之处就是把 input的 submit 隐藏，用div控制一个图片来实现subnit的功能。

作者: deepinthinking 发布时间: 2010-06-06

index2.js 中第四行代码

复制内容到剪贴板

代码:

if($("#sobtn")){$("#sobtn").bind("click", function(){if($("#k").val()==""){$("#k").focus();return false;}else{$("#soform").submit();}});};

这里把sobtn 的CLICK 绑定到了 soform的SUBMIT

[ 本帖最后由 WKXSAC 于 2010-6-6 10:30 编辑 ]

作者: WKXSAC 发布时间: 2010-06-06

引用:

原帖由 WKXSAC 于 2010-6-6 10:17 发表
你红圈中按钮是一个 SUBMIT
这个本身就是提交的。不需要JS，当SUBMIT被点击之后。就把它所在FORM标签中的所有INPUT的名字和值提交给FORM标签中action所指向的地址

但是
把这个红圈内的 submit 的按钮去掉以后
再运行然后提交
也能顺利提交。。。。。。

作者: deepinthinking 发布时间: 2010-06-06

我说的是这一个
<input type="submit" value="搜索" id="search" name="search">

把这句话去掉后，
还能正常运行。

作者: deepinthinking 发布时间: 2010-06-06

不好意思，刚修改了下。
去掉那个SUBMIT也是可以访问的，网页底部引用了一个index2.js 文件
在index2.js 中有JS 控制了那个DIV的 CLICK
if($("#sobtn")){$("#sobtn").bind("click", function(){if($("#k").val()==""){$("#k").focus();return false;}else{$("#soform").submit();}});};

作者: WKXSAC 发布时间: 2010-06-06

非常非常感谢。