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>

例如，如果用户输入文本"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/