jquery: как перехватить переменную после выхода из текстового ввода

Question

Я пытаюсь изменить значение атрибута формы action на основе значения, которое пользователь вводит в поле wetterInput в коде ниже.

<form method="POST" class="formSearch" id="formSearch" action=""> 
    <input type="text" name="wetterInput" id="wetterInput" class="wetterInput" /> 
    <input type="submit" class="weatherButton" value="Suchen" /> 
</form> 

Например, если пользователь вводит текст «город», действие формы должно быть обновлен до action="/folder/town/".

Я попытался следующие, но не смог заставить его работать:

$(document).ready(function() { 
    $('#wetterInput').on('focusout', function() {  
     var action = document.getElementById("wetterInput").value;  
     $("#formSearch").attr("action", "/folder/" + action + "/"); 
    }); 
}); 

Answer 1

• Вы набранный document в documetn.
• Помните, что focusout не работает в Firefox - вместо этого вы, вероятно, должны использовать blur.
• var action = this.value;, вероятно, будет чище, чем var action = documetn.getElementById("wetterInput").value;

Рабочая JSFiddle: http://jsfiddle.net/e789ueb3/1/