jquery:如何在离开文本输入后拾取变量

时间:2014-10-07 23:55:20

标签: jquery focusout

我正在尝试根据用户在下面的代码中输入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>

例如,如果用户输入文字&#34; town&#34;,则表单的操作应更新为action="/folder/town/"

我已尝试过以下操作,但无法让它工作:

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

1 个答案:

答案 0 :(得分:2)

  • 您错误地将document列为documetn
  • 请注意focusout在Firefox中不起作用 - 您应该使用blur代替。
  • var action = this.value;可能比var action = documetn.getElementById("wetterInput").value;
  • 更干净

使用JSFiddle:http://jsfiddle.net/e789ueb3/1/