如何从 INPUT 文件中获取价值并将其传递给 jQuery var？答案

【问题标题】：How to get value from INPUT filed and pass it to jQuery var on the fly?如何从 INPUT 文件中获取价值并将其传递给 jQuery var？
【发布时间】：2012-03-15 04:07:08
【问题描述】：

伙计们！我有一个 POST 表单，其中一个字段是：

<input type="text" name="username" />

在 jQuery 中，我放置了名为 var username = ; 的 var

问题是如何在用户点击提交按钮之前以交互方式将INPUT字段值传递给这个变量？

【问题讨论】：

您可能还需要向我们展示您的代码。
来自的 JQuery 片段，实际上我想在用户键入时动态更改操作 URL。 $('.quick-login-form').attr('action','http://' + window.document.location.hostname + appname + 用户名);
如果我这样写 var username = example;最后的网址是 ..example 。不幸的是，我仍然无法从输入字段绕过它。
试试这个 var username = document.getElementById("username").nodeValue;结果为 NUL

标签： javascript jquery html forms

【解决方案1】：

试试：

$("input[name='username']").blur(function() { var username = $(this).val(); });

你的意思是这样的

【讨论】：

是的，可能。现在 var 是 [object HTMLInputElement] 可能会添加更多参数？该表单也由 jQuery 提供。指定行为的开始，例如“更改”？

【解决方案2】：

将找到该字段的 jQuery 选择器是：

var username = $('input[name="username"]').val();

要在提交表单之前分配变量，您可以按照 Sudhir 的回答，或者在提交表单时捕获它：

$(function() {
    $('#yourFormid').submit(function() {
        var username = $('input[name="username"]', this).val();
        // do work
        return true; // true to submit the form, false to cancel submission
    });
});

【讨论】：

【解决方案3】：

这是另一种在用户键入时更新变量的方法。

现场演示可以在这里找到：http://jsfiddle.net/EnS8T/11/

var username = "";
$(document).ready(function()
{
    $("[name='username']").keyup(function()
    {
        username = $(this).val();     
    });

});

除了keyup()之外，可以使用的其他函数包括keydown()和keypress()。这三个函数的行为可以在上面的jsFiddle中观察到。

【讨论】：

@PranavKapoor 谢谢，我已经根据你的演示改进了我的小提琴。

【解决方案4】：

交互式，你的意思是打字吗？然后在您的文本框上使用 onKeyPress 事件。如果您不想编写大量代码来监控光标位置，您可能需要做一些奇怪的事情，例如创建一个 setTimeout。

【讨论】：

是的。我是 JAVA 新手，所以无法阐明具体的代码应该是什么）；
Telmo Marques 的回答包含了我所说的一个例子。他使用的是onKeyUp而不是onKeyPress，它有一些优点，但也有一些缺点（比如如果你按下字母并且不松开按钮，直到你松开它才会注册）。跨度>