求高手指教！怎么能让这个检索框响应回车？

diekai 2012-04-10 06:40:04

<form action="http://www.1111111.com/" method="post" name="imgForm01" onsubmit="return false;">
<input type="hidden" name="searchType" value="freeword" />
<input type="hidden" name="currentPage" value="1" />
<input type="hidden" name="sortKey" value="" />
<input type="hidden" name="freeword" value="" />
　　 <div class="textBox"><input name="inputword" id="searchText" type="text" class="keyword" />
<a href="javascript:void(0);" class="btn" onClick="keyword(imgForm01);return false;"><img src="img/common/btn_seach_02_out.gif" alt="检索" width="54" height="20" /></a>
</div>
</form>

检索按钮是一个图片。现在的状态是检索必须要电击这个图片，请问如何能让它响应回车呢？想通过按回车键进行检索。
我是蔡鸟，试验了半天都不行。

...全文

248 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

diekai 2012-04-13

打赏
举报

报告各位大侠问题解决了。
把主贴中onsubmit="return false;改成
onsubmit="keyword(imgForm01);return false;
就可以了。
多些各位热心人了！

峭沙 2012-04-11

打赏
举报

<!doctype html>

<html>

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>test</title>

	<script type="text/javascript" src="jquery.js"></script>

</head>

<body>

    <div>

        <form>

            <input type="hidden" name="searchType" value="freeword" />

            <input type="hidden" name="currentPage" value="1" />

            <input type="hidden" name="sortKey" value="" />

            <input type="hidden" name="freeword" value="" />

            <div class="textBox">

                <input name="inputword" id="searchText" type="text" class="keyword" />

                <a href="javascript:void(0);" class="btn" onClick="keyword('test');return false;">

                    <img src="" alt="检索" width="54" height="20" />

                </a>

            </div>

        </form>

    </div>

	<script>

		$(function(){

		    $("#searchText").keydown(function(e){

		    	if(e.which === 13){

		    		$(this).next().trigger("click");

		    		e.preventDefault();

		    	}

		    	return false;

		    });    

		});

		function keyword(value)

		{

		    alert(value);

		}

	</script>

</body>

</html>

liuf_fenfangjiemei 2012-04-11

打赏
举报

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>test</title>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script>

$(function(){

	$("#searchText").keypress(function(e){

		keyword('test');

		return false;

	});	

});

function keyword(value)

{

	alert(value);

}

</script>

</head>

<body>

	<div>

	    <form>

			<input type="hidden" name="searchType" value="freeword" />

			<input type="hidden" name="currentPage" value="1" />

			<input type="hidden" name="sortKey" value="" />

			<input type="hidden" name="freeword" value="" />

			<div class="textBox">

				<input name="inputword" id="searchText" type="text" class="keyword" />

				<a href="javascript:void(0);" class="btn" onClick="keyword('test');return false;">

					<img src="" alt="检索" width="54" height="20" />

				</a>

			</div>

		</form>

	</div>

</body>

</html>

这样子可以吗？

diekai 2012-04-11

打赏
举报

没想到这么多人回帖，真是太感谢了！
抱歉我发现信息没给全。

这个页面里有一段JS，如下：

$function keyword(form, kw) {
if(kw == undefined) kw = form.inputword.value + " 公司名 "
form.target='_blank';
form.freeword.value= kw;
document.charset='';
form.submit();
document.charset='utf-8';
}

也许是因为这段js捣乱，诸位给的代码都没效果。
我试着把主贴第一行
<form action="http://www.1111111.com/" method="post" name="imgForm01" onsubmit="return false;">
中的"return false;"拿掉回车键就能响应了，可是检索结果却出不来了，这也不太明白怎么回事儿。
麻烦高手解惑！谢谢了！