Вы захотите сделать это с помощью javascript, используя событие onchange, и для обсуждения этого вы можете посмотреть: Вызовите событие обмена Javascript, программно изменив значение текстового поля .
По сути, вы реагируете на изменяющиеся данные, а затем просто отправляете их немедленно, используя ajax на сервер, но вам нужно знать о двух вещах.
Во-первых, как вы будете обрабатывать ошибки, например, нет книги с таким названием или длина слишком велика. Я склонен помещать сообщение об ошибке в том месте, где у них были неверные данные.
Другая причина заключается в том, что вам необходимо вернуть идентификатор, когда данные были вставлены, чтобы при повторном их изменении вы могли просто выполнить обновление, поэтому вам нужно будет его сохранить. Я имею тенденцию помещать идентификатор базы данных, который мне нужен, в идентификатор элемента, но вы можете хранить его в массиве в javascript, поскольку он будет поддерживать состояние для вас.