onkeyupメソッドはおそらく定義されていませんが、このメソッドは私のideによって自動的に推奨されています。Chrome開発ツールでエラーを表示すると、エラーUncaught TypeErrorが発生します:オブジェクト[オブジェクトオブジェクト]にはメソッド'onkeyup'がありません。最新バージョンのjQueryを使用しています。これが私のコードです:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
var str = document.getElementById('txt1').value;
$.post("addName.php", {q: str});
});
$("input").onkeyup(function(){
var str = document.getElementById('txt1').value;
$.post("gethint.php", {q: str});
});
});
</script>
</head>
<body>
<h3>Start typing a name in the input field below:</h3>
<form action="">
First name: <input type="text" id="txt1"/>
</form>
<p>Suggestions: <span id="txtHint"></span></p>
<button> Add Name</button>
</body>
</html>