jquery：在離開文本輸入後如何拾取變量

Question

我試圖根據用戶在下面的代碼中輸入wetterInput字段的值來更改表單的action屬性的值。

<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/