Данные заполнения формы на основе предыдущего поля

Question

У меня есть форма, которую я хочу автоматически заполнить последние 2 поля на основе данных поля 2. Вот моя форма.

<form method="post"> 
<table> <tr><b>Add new data using form below</b></tr>  
<tr><td> Keyword: </td><td> <input type="text" name="keyword" id="keyword"><br></td></tr> 
<tr><td> Block?: </td><td><input type="text" name="block" id="block"><br></td></tr> 
<tr><td> Phone #:</td><td> <input type="text" name="phone" id="phone"><br></td></tr> 
<tr><td> Reason: </td><td> <input type="text" name="reason" id="reason"><br></td></tr> 
    <tr><td> </td><td align="left"> <input type="submit" name="submit" value="Submit Data"></td></tr> 
    </table> 
     </form> 

Таким образом, телефон и причина будут автоматически заполняться на основе введенного номера блока. Не обязательно искать кого-то, чтобы это сделать .. может быть, просто направьте меня в направлении, чтобы получить ответ.

Answer 1

Звучит как работа для jQuery. Попробуйте функцию размытия для поля #block:

$('#block').blur(function() { 
// get value, based on this, populate value of your other fields 
}); 

http://api.jquery.com/blur/

Это, как вы можете показать вещи, основанные на входе элемента формы без обновления страницы.

Answer 2

Используйте JQuery Ajax с текстовым полем JQuery blur event.