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

例如，如果用户输入文本“town”，则表单的操作应更新为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/