Как установить переменную JavaScript из формы, не нажимая кнопку «Отправить»?

Question

У меня есть форма с несколькими различными текстовыми вводами.Значение каждого соответствует уникальной переменной JavaScript.Переменная затем записывается на странице.

Есть ли способ автоматически обновить переменную, чтобы пользователю не приходилось каждый раз нажимать кнопку «Отправить» и перезагрузить страницу?Я слышал, что AJAX может быть потенциальным ответом на это, но я незнаком с этим.Если этот маршрут лучше, есть ли какие-то сценарии, которые будут рекомендованы?

Answer 1

Возможно, вы захотите заглянуть в jQuery как хорошее начало в javscript в браузере. Например, вы можете написать:

<form id="form-id">
    <input id="first" type="text" />
    <input id="second" type="text" />
    <input id="third" type="text" />
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
var first, second, third;
$(function(){
    $("#form-id").submit(function(){
        first = $("#first").value();
        second = $("#second").value();
        third = $("#third").value();
        return false; //Prevent the form from submitting.
    });
});
</script>

http://jquery.com/