每个按下的字母都会提交的文本框

Question

我有一个 php 搜索引擎，我想要一个 java 脚本文本框，它会在按下每个字母时提交。我想要的效果是Google Instant。我的网站很简单，所以速度会很快。

<form method='post' action='?&id=search' name='form' >
   Search:<br>
   <input name='search' value='<?php echo "$sq"; ?>' type='text' class='form2' style='font-weight:bold;' size='25' onUnfocus='send()'> 
   <input type='submit' class='button' value='Search'>

谢谢你，非常非常

Answer 1

jQuery

$("input[name=search]").keyup(function(){
    $.ajax({
        type: "GET",
        url: "ajax.search.php",
        data: "q=" + $(this).val(),
        success: function(data){
            $("#results").html(data);
        }
    });
});

Answer 2

从您提交的代码来看，我假设它有效，但不适用于按下的每个键，因为您需要使用 onkeyup 或 onchange

Answer 3

使用标准表单提交方法将重新加载页面。您需要使用 AJAX 提交表单数据并动态更新结果。

unFocus 也不是一个有效的事件（您正在考虑 onblur），但您想要的是 onkeyup。

javascript 事件处理程序应发送表单数据，成功处理程序应更新结果。