Question

我可以使用Javascript更新HTML表单，当用户在表单上的某些内容上输入时或者在“提交”按钮上触发onclick事件时，我会希望表单更新时用户正在输入内容。

我知道我可以Infinity loop，但这不是一个好主意;或者我可以在一段时间后检查但是会导致不必要的检查，这是我不想要的。

Answer 1

将keyUp事件处理程序与表单中包含的输入字段一起使用。

参考文献：Javascript， jQuery

[UPDATE]

您错过了功能定义的圆括号，请检查更新后的fiddle

Answer 2

您正在寻找Autocomplete

Answer 3

我有同样的问题，基于this post和sohel's answer我设法让它发挥作用。现在我想以一个简短的工作示例的形式分享我的解决方案：如果您在第一个字段中输入您的姓名，它将在第二个字段中建议一个电子邮件地址。

<!DOCTYPE html>
<html>
<head>
<script> 
function nameModify(emailElement, nameElement) {

        emailElement.value = nameElement.value + '@stackoverflow.com';
}
</script>
</head>
<body>
<form name="aform" action="#"> 
        <input type="text" name="name" onkeyup="nameModify(this.form.elements['email'], this);" >
        <input type="text" name="email" >
</form>
</body>
</html>

键入时使用Javascript更新HTML表单

3 个答案: